Вот пример: http://jsfiddle.net/ksLpx2ra/
div {
display: inline-block;
}
span {
border: 1px solid black;
}
.a {
width: 50px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
<span>Текст</span>
<div>
<span class = "a">Длинный текст</span>
</div>
Как избежать смещения элемента вниз? Вкратце: есть некоторый элемент с текстом и label, располагающийся слева от него. Если ставлю overflow:hidden
, чтобы текст обрезался, то label смещается вниз.