サンプル

ソース

XHTML
<div class="inline190">
  <p>修正・更新に際して，分かりやすく管理できることが重要。オーサリングソフト
のCSSウィンドウやダイアログで設定するだけでなく，CSSファイルを直に開いて，読み
やすく整形することが不可欠です。</p>
  <p>セレクタ，プロパティを記述する順序にルールを設けておくと，分かりやすく管理
できるようになります。また，適所にコメントを入れることで管理が非常に楽になりま
す。</p>
</div>

CSS
div.inline190 p {
  margin: 2em 0;
}

div.inline190 p:first-letter {
  display: block;
  margin-right: 0.1em;
  border: solid 1px #CCC;
  padding: 0.1em;
  font-size: 2em;
  font-weight: bold;
  color: #999;
}