.breadcrumbs из блока .wrapper и жёстко задайте ему (.breadcrumbs) нужную ширину.
SPAN и применить поворот именно к нему, чтобы кликальбельно-наводимая область не изменяла своё положение при наведении (иначе пострадает удобство пользователя).DIV:<div><a href="#"><span>Must... rotate... now!</span></a></div>
ASIDE (либо не индексировать их вовсе) и большее — элементам SECTION.NAV может предотвратить отображение текста навигационных ссылок в составе выдержки («сниппета») из исходной страницы в результатах поиска.TIME с атрибутом pubdate (несмотря на тот факт, что формально этот атрибут удалён из спецификации) может использоваться для определения даты публикации материала. И т. д.
<form action="/some/example.htm">
<button type="submit">Ссылка-кнопка</button>
</form>{
"html" : "<h1>Hello, world</h1>",
"js" : "alert('Good bye, world')",
"css" : "#example {background: #ccc; }"
}
\:div#\#id {border: 1px solid red; }
display: table и margin: 0 auto (можно было бы задать display: table для существующего контейнера, но max-width не работает кроссбраузерно для табличных элементов).
line-height) равной удвоенной высоте строки (line-height), а блоку — overflow: hidden. Многоточия, конечно, не будет — в настоящее время CSS text-overflow: ellipsis).display: inline-block, и высота каждой «строки» будет автоматически подстраиваться под высоту наиболее высокого блока.
.left,
.right {width: 50%; }
.left {
float: left;
margin-right: -1px;
}
.right {
float: right;
margin-left: -1px;
}
[value=""] — выборка не по текущему значению поля формы, а по атрибуту HTML-элемента. Изменение значения поля формы не приводит к изменению значения атрибута элемента.
.example {overflow: hidden; width: 100px; height: 30px; }
.example:before {content: url(example.png); display: block; font-size: 0; line-height: 0; }