bluedb.org

HTML » 一行に左寄せと右寄せを入力

HTMLはこんな感じ。

<div id="title">
<span id="a">aaaa</span>
<span id="c">cccc</span>
bbbb
</div>

スタイルシートはこんな感じ

<!--
div#title{width: 650px;
　　　　　padding: 5px;
　　　　　background-color: #666666;
　　　　　color: #FFFFFF;
　　　　　text-align: center;
　　　　　}
span#a{float: left; }
span#c{float: right; }
-->

サンプルコード

<div style="width: 100%;border: 1px solid #000000">
<span style="float: left">左寄せ</span>
<span style="float: right">右寄せ</span>
</div>

実行結果

左寄せ右寄せ

関連商品

Entries (RSS)