Не работает стилизация блока в CSS, но идентичный текст в атрибуте работает


#1

Всем привет. Столкнулся с такой проблемой:

Есть блок:

<section class="portfolio" >
     <h4>Lorem ipsum</h4>
     <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</p>
</section>

И есть такой код в CSS:

.portfolio {
width: 90%;
margin: 0 auto;
text-align: center;
}

Суть в том, что блок section не центрируется. При чем, если добавить к нему атрибут style="" с идентичным текстом, стиль работает. Код из CSS находится последним, т.е. его предопределять ничего не может.


#2

А stylesheet прикреплен в хеде?


#3

Да, конечно, это вырванный кусок из контекста. Все стили работают вполне себе адекватно, за исключением вот этого . Родителем блока является тег . Все другие секции в этом блоке нормально стилизуются тем же самым способом, что и в первом сообщении.


#4

ну мб перекрывает что-то
потому что вот: https://jsfiddle.net/cyumk7oL/
тут все в порядке
код выложите на jsfiddle например


#5

Вот https://jsfiddle.net/1bakdnmg/
Но я все ума не приложу, не могу понять что может перекрывать. На три раза посмотрел, ничего такого не увидел


#6

строка 138 CSS
эт чо? =)

пользуйтесь кнопочкой Tidy на этом ресурсе, чтобы привести код в божеский вид
ну или beautify аддон поставьте, для текстового редактора


#7

Это опечатка, в оригинальном css этого не было и нет.
Вот с использованием Tidy https://jsfiddle.net/yu1vh7w4/
К слову, медиазапрос тоже работает корректно.