fc2ブログや、はてなブログだと小見出しや引用符のボタンがあって、簡単に記事に書けるみたいですけど、アメブロさんには無いのでチョット作ってみました。←暇人（笑）
<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;">青の小見出し</div>
⇓
青の小見出し
・幅、短め
<div style="border-left:10px solid #000099; border-bottom:2px solid #000099; padding-left:10px; font-weight:bold;width:400px;">青の小見出し</div>
⇓
青の小見出し
______
<div style="border-left:10px solid #ff1493; border-bottom:2px solid #ff1493; padding-left:10px; font-weight:bold;">ピンクの小見出し</div>
⇓
ピンクの小見出し
・幅、短め
<div style="border-left:10px solid #ff1493; border-bottom:2px solid #ff1493; padding-left:10px; font-weight:bold;width:400px;">ピンクの小見出し</div>
⇓
ピンクの小見出し
______
<div style="border-left:10px solid #ff0000; border-bottom:2px solid #ff0000; padding-left:10px; font-weight:bold;">赤の見出し</div>
⇓
赤の見出し
・幅短め
<div style="border-left:10px solid #ff0000; border-bottom:2px solid #ff0000; padding-left:10px; font-weight:bold;width:400px;">赤の見出し</div>
⇓
赤の見出し
※カラーコード、#～をお好みで変えてみて下さい。（縦と横の２ヶ所あります）
⇒HTML,CSS カラーコード一覧表 ｜ 背景色や文字色の設定
※width:400px;の数値を変えると横幅を変えられます。（少なくすると、狭くなります。このタグを記入しない場合は、記事幅と同じになります。）
もう少し、色々やってみようと思いましたが、面倒くさくなったので、やめます。（汗）
参考になれば、うれしいのですが・・
ブィブィ(((( ;°Д°))))