html css div

質問

スタイルシートCSSで以下のような、表示を表現するには、どうすれば良いですか？
<table>ではなく、<div>でマークアップしたいです。
よろしくお願いします。
文字Aを<span>で背景色をclassで指定しても、周りに隙間ができてしまいます。

回答No.1

naokita · ベストアンサー

＞周りに隙間
の意味は不明だが、参考画像の通りに固定で良いなら・・・
（内容によっては、CSSがかなり変わると思うけど）

#aa{width:369px; font-weight:bold; font-size:20px;}
#aa span{ float:left; display:block; line-height:3.5; border:3px red solid;}
span.bb{ background:#3472BC; width:120px; text-align:center; color:white;}
span.cc{ width:240px; text-indent: .5em; border-left: none !important; background:white; color:black;}
br.clear{clear:left;}

<div id="aa">
<span class="bb">A</span>
<span class="cc">BCDEF</span>
<br class="clear" />
</div>

お礼

ご回答ありがとうございます。
勉強になりました。