Yesterday I was building a page where all of my vertical positions were lining up very nicely. Distances between elements were coming out right. Text inside of colored divs was centering north-to-south. Etc.
Then, as I got ready to do the next stage of work, I added an award that the client had just received. The award is HTML, a div with a small amount of text and a link to an image on the organization's server. And everything broke. Now, elements with margins between each other are crashing. Text is spilling over the edges of their divs. Nothing else was changed before this happened. And I am utterly bewildered. Can anyone offer ideas about fixing this? Here are a link to the page, a link to the CSS, and the (possibly-offending) bit of HTML. http://jbotmanphd.com//index_jb_02.html http://jbotmanphd.com/css/jb_styles_01.css <div style="text-align: center; width: 200px"> <img src=" https://www.opencare.com/images/badges/patients-choice-winner-2015.png"; alt="Top Psychology Clinics in Cambridge, MA"> <br>A winner of the 2015 Patients' Choice Awards for <a href=" https://www.opencare.com/psychologists/cambridge-ma/#tc24630586987";>Cambridge Psychologist</a><br> <span style="color: #777">Verified by</span> <a href="https://www.opencare.com"; style="color: #777">Opencare.com <http://opencare.com/></a> </div> -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] --- You received this message because you are subscribed to the Google Groups "Design the Web with CSS" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
![https://www.opencare.com/images/badges/patients-choice-winner-2015.png"](https://www.opencare.com/images/badges/patients-choice-winner-2015.png"){kind=link}