画像の左端に2列、右端に右端のテキストが画像の右側に2列あります。これをリスト要素内の2列レイアウトにするにはどうすればよいですか？
blueprint cssでdivsを使用しようとしましたが、アンカータグが奇妙な方法で表示されます。ホバー上のリスト要素全体をカバーするのではなく、スライバーの代わりに表示されます。
私もテーブルレイアウトで試してみましたが、CSSでパディングをうまくコントロールできないので、かさばります。
これをリスト要素内の2列レイアウトにするにはどうすればよいですか？すべての要素に
使用float:leftは、また、適切な高さ
あなたのHTMLの一部が無効であるためにフロートを必要とするので、私はそれの一部をクリーンアップの自由を撮影しました。このような何かがあなたのために働く必要があります。
<ul>
<li>
<div>
<span class="item-container"><a href="/blah"><img src="blah.jpg" /></a></span>
<div class="item-container">
<span class="item">Name</span>
<span class="item">Address</span>
</div>
</div>
</li>
</ul>
はCSS：
.item {float:left; clear:left;}
.item-container {float:left;}
、必要に応じてマージン/パディングを追加します。