Ребята ситуация такова:
.mytext {
width: 120px;
padding: 0px 10px;
text-align: center;
line-height: 30px;
height: 30px;
border: 1px #c6c6c6 solid;
}
.mytext2 {
margin-top:10px;
width: 120px;
padding: 0px 10px;
text-align: center;
line-height: 30px;
height: 30px;
border: 1px #c6c6c6 solid;
}
<div class="mytext">Тест</div>
<div class="mytext2">Тестовая информация</div>
Мне необходимо, что бы в зависимости от текста который вставляется в блок изменялся параметр line-height. Более чем 2 строки текста никогда не бывает, поэтому, если текст не поместился в одну строку нужно применить line-height:18px. Как это можно сделать с помощью css? Или тут прибегать нужно к js?