vertical alignments broke at the very end

[zalel]

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</a>

</div>

[Charlie Programmer]

SHOULD I RESPOND ABOVE THE MESSAGE?