753Note

備忘メモ

HTML タブを使わないで整列(1) span

	(タブ文字)を記述する方法は使いにくいため、その代用の方法。
span要素ごとにスタイルで間隔を調整する。

使用例

【HTML】
<meta charset="UTF-8">
<style>
  span1 {
    display: inline-block;
    width: 12em;
  }
  span2 {
    display: inline-block;
    width: 7em;
  }
</style>

<p>
  <span1>AAA-BBB変換器</span1><span2>HP46-233C</span2>○○電子部品<br>
  <span1>コネクタ接続ケーブル</span1><span2>K242-HL50</span2>ネットショップ△△△<br>
</p>

　⇒ サンプルの表示★