http://jsfiddle.net/ETkkR/

<div id="Blog1">
    <div class="post">
    <img src="http://dummyimage.com/180x120/000/fff" alt="Image 1" title="This is my first image"/>
        <div class="post-info">
            <span>post title post title post title</span>
        </div>
    </div>
    <div class="post">
    <img src="http://dummyimage.com/175x104/f0f/fff" alt="Image 2" title="The second one is pretty"/>
                <div class="post-info">
            <span>post title post title post title</span>
        </div>
    </div>        
</div>​

Informacje div.post-info w niektórych przypadkach (obrazy o szerokości większej niż zawartość div.post-info) pasują do rodzica div.post, jednak czasami szerokość div.post-info ma większy wpływ na div div. post przez zmianę rozmiaru. jak mogę sprawić, by div.post-info pasował do szerokości div.parent i nie zmieniał rozmiaru, jeśli jest większy.

moje css

#Blog1{
    padding:10px;
}
#Blog1 .post{
    border:1px solid #000000;
    margin:3px;
    text-align:center;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1
}
.post img{
    height:100px;
}
.post .post-info{
    text-align:left;
}
.post .post-info span{
    word-wrap:break-word;
}​

Edytować

MOŻESZ ZMIENIĆ ELEMENTY JAK DŁUGO, JAK ZAWARTOŚĆ JEST TAK SAMOWA, ABY TWORZYĆ ROZWIĄZANIE ludzie nadal dają rozwiązania, które nie nadają się do tego, o co pytam ... to, czego potrzebuję, to aby div dziecka .post-info nie był większy niż div .post parent