У меня действительно странная проблема с IE.Текст разбивается (совершенно не нужно) на большее количество строк, даже если для этого достаточно места.Это происходит иногда только при перезагрузке страницы ctr + 5. Если я что-то редактирую (неважно, что) в devtools, это снова выглядит нормально ..
Вот так это должно выглядеть (2 строки)
и вот как это выглядит, когда его неправильно (3 строки)
.tag {
width: 400px;
margin-left: 1.5em;
display: inline-block;
position: relative;
bottom: 1em;
padding-top: 4.95216px;
padding-bottom: 4.95216px;
background-color: #0077c0;
color: #fff;
border: 1px solid #0077c0;
border-radius: 33px;
}
.tagline {
display: block;
font-size: 13px;
font-family: webfont-Frutiger, sans-serif;
word-break: break-word;
margin-bottom: 0;
padding-right: 8.516px;
padding-left: 8.516px;
}
<div class="tag">
<span class="tagline">la lalalalala, lalalala lala lalalalal lalalalalalalalalalal lalala lalal lala lalalalalaa lala lalala lalal lalaal lala lala lal lalalalalalala lalala.
</span>
</div>
В хроме это всегда выглядит шолудом.
Есть идеи, почему это происходит?