画像の下に回り込みをしない


テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

.test {
width: 400px;
border: 2px solid #CCC;
padding: 5px 10px;
margin-bottom: 30px;
_zoom: 1;
overflow: hidden;
}
.test_img{
float: left; margin: 0 10px 5px 0;
}
.test p {
overflow: hidden; _zoom: 1;
}

画像の横幅や高さが変わってもhtmlがそのままで対応出来るので、便利な技です。