20 個のアイコンがあり、それらから画像の中央の水平線を作成したいと考えています。しかし、レスポンシブにしたいので、HTMLテーブルを使用できません。モバイル ユーザー向けにラップする必要があります。HTML テーブルを使用すると、1 行 20 列を使用する必要があると思いますが、小さな画面では折り返されません。
このようなdivのグループを作成しました。これの見方はOKです。 http://jsfiddle.net/mayJ6/
<div style="display: inline-block; border: solid 1px black;">
<a href="http://www.example.com" target="_blank" >
<img src="http://profile.ak.fbcdn.net/hprofile-ak-prn1/157940_262105851352_1630693163_q.jpg"
width="50" height="50" alt="photo"/>
</a>
</div>
ただし、この回答は、この状況ではディスプレイインラインブロックを使用しないように指示しています。Twitter Bootstrap などを使用して、似たように見えるより良い解決策はありますか?