エレメントのボックス概念と要件（色、背景、フォント、テキスト、表示、配置）
Pタグ（paragraph）要素は最後に改行するけど、SPANタグ要素はインライン（inline）属性なので、改行しません。
つぎが、上のエレメントのマークアップです。
<div id=”boxElementEX”> <div class=”parent”> <div class=”child”>DIVタグ（division）はブッロク（block）属性の代表格です。（この書体はモリサワのType Squareによるものです。）</div> <p class=”child”>Pタグ（paragraph）要素は最後に改行するけど、<span class=”child”>SPANタグ要素はインライン（inline）属性なので、</span>改行しません。</p> </div> </div> <style> #boxElementEX { color:#059; } #boxElementEX .parent { position:relative; background-color:#2CE8BA; border:#88e solid 2px; line-height:1.4em; } #boxElementEX div.child { margin:20px; padding:20px; background-color:#C1EEA2; border:#3b7 dotted 4px; color:#083; font-weight:bolder; /*モリサワのType Squareの指定に上書きする。*/ font-family: “Akashi”; } #boxElementEX span.child { color:#DAFCF5; } #boxElementEX p.child { margin:5px; } </style>