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

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

.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がそのままで対応出来るので、便利な技です。

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です