Hey,
bin gerade etwas genervt.
Ich versuche seit Tagen herauszufinden, weshalb der Text innerhalb eines Containers diesen überschreitet.
Das Ganze sieht so aus (der rote Rand kennzeichnet den Container):
Ich habe bereits die overflow Eigenschaft versucht, jedoch ohne Wirkung.
HTML
<div id="home-description">
<div class="home-description-item">
<i class="fa fa-check home-description-item-image"></i>
<div class="home-description-item-text">
<strong>Titel</strong><br />
Text
</div>
<div class="clear"></div>
</div>
<div class="home-description-item">
<i class="fa fa-pencil home-description-item-image"></i>
<div class="home-description-item-text">
<strong>Titel 2</strong><br />
Text2
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>CSS
.home-description-item{
float: left;
margin-top: 50px;
width: 100%;
border: 1px solid red;
}
.home-description-item .home-description-item-image{
float: left;
font-size: 64px;
width: 64px;
}
.home-description-item .home-description-item-text{
float: left;
width: 436px;
overflow: hidden;
}Hat jemand eine Ahnung, was das Problem ist?
Danke im Voraus.
