у меня такая ситуация
<div class="sub_project">
<div class="sbone brown_gradient optzeci">Description</div>
<div class="sbtwo optzecitwo">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</div>
</div>
.sub_project{
font-size: 16px;
margin: 10px 0;
background: #D7D7D7;
}
.brown_gradient{
background: #EB994F;
}
.sbone{
padding: 5px;
color: white;
float: left;
width: 160px;
margin: 0 10px 0 0;
}
.sbtwo{padding: 5px;}
.optzeci{height: 80px;}
.optzecitwo{min-height: 80px;} * html .optzeci { height:80px; }
Я бы хотел, чтобы высота <div class="sbone brown_gradient optzeci">Description</div>
увеличивалась с количеством текста.
Сейчас я установил min-height: 80px;
, но вообще не хочу устанавливать высоту.
Также я не хочу использовать изображения или JavaScript
См. jsfiddle
есть идеи?
Спасибо