CSS float image, похоже, не работает

Question

В настоящее время я работаю над двумя веб-сайтами.http://www.campusreader.org/#About если вы щелкнете по чьей-то картинке, текст будет располагаться прямо рядом с изображением.Но на этом новом веб-сайте, над которым я работаю http://www.computationalhealth.org/, свойство float не работает (нажмите на вкладку «О программе» и нажмите на одну из вкладок с именами людей).

Я использую инструменты разработки Google Chrome, и когда я "проверяю элемент" на рабочем сайте, он видит CSS и показывает, что его применяют.Но когда я проверяю элемент на нерабочем сайте, инструменты разработки не показывают, как он применяется.Но я вижу свою таблицу стилей, она загружается.Ясно, что класс изображения "personPic", поэтому я не уверен, что я делаю неправильно.

Спасибо, D

Answer 1

Содержимое вашей таблицы стилей CSS:

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto }
   }

.personPic{
    float: left;
    /*margin:0 1em 1em 0;*/
}

Существует проблема форматирования, при которой блок класса 'centtered' закрывается дважды.

Answer 2

Просто поместите атрибут float:left; на изображение в вашем CSS.

Редактировать: просто посмотрите на ваш файл CSS:

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto } <-- ugliness
   }

.personPic{
    float: left;
    /*margin:0 1em 1em 0;*/
}

Снимите эту скобку, и все будет хорошо!