При уменьшении ширины сайта переносится текст, как сделать так, чтобы он не переносился на другую строку а оставался как есть, как и в остальных блоках? С мобильной версии получается вот так (present continuous):
1 ответ
Для того чтоб текст не сворачивался, можно добавить ему CSS-стиль white-space: nowrap;
.wrap {
display: flex;
}
.text {
width: 110px;
height: 100px;
background-color: #bbeecc;
margin: 1em;
}
.text-wrap {
white-space: nowrap;
}
<div class="wrap">
<div class="text">Present continious</div>
<div class="text text-wrap">Present continious</div>
</div>