Question

<div id="content_container">

    <div class="inner_container">
        gffghfbvbvvbvbnvbnvnvbnvnbvnbvvnbvv

    </div>
    <div class="inner_container">
    </div>
    <div class="inner_container">
    </div>

</div>

the css:

#content_container{
position:absolute;
border:1px solid;
width:550px;
height:200px;

}

.inner_container{
position:relative;
float:left;
width:177px;
height:190px;
margin: 2px;
border: 1px solid;
}

I swear i’ve done this before, so Im confused why my text is overlapping and coming out of the specified 177px dimensions?

Answer 1

I dont find any problem with your html and css its work fine.

The only problem is your text
gffghfbvbvvbvbnvbnvnvbnvnbvnbvvnbvv it have to like gffg hfbvbv vbvbnvbnvnvb nvn bvn bvvnbvv ie with white space.

if you have single word long then your defined width , then you have to use overflow:hidden

ie

.inner_container{
overflow:hidden;
}