ライブドアブログで「カテゴリの最新記事」を二列に

PC版の「カテゴリの最新記事」のレイアウトをずっと前に2列や3列にした気がするのですが、長い間非表示にしてて、久しぶりに表示したら元に戻っちゃってました（と思う）。

ライブドア→FC2→ライブドアと引っ越した経緯があって、その関係で消しちゃったのだと思います。

やり方は何となく覚えていて、liの横幅を小さくしたら勝手に横に並んで行く仕組みだったような。
こんな感じだったかなぁ・・・

◆元のCSS
/* 関連記事 */
.related-articles {
padding: 20px 0;
line-height: 1.3;
border-bottom: 1px dotted #c9c9c9;
}
.related-articles h3 {
font-size: 16px;
font-weight: bold;
color: #666;
}
.related-articles ul {
color:#369;
margin:0;
padding-left:0;
list-style: none;
}
.related-articles ul li {
margin:4px;
}
.related-articles ul li:before {
content: “・”;
}

◆変更後（.related-articles ulと.related-articles ul liを変更）
.related-articles ul {
color:#369;
margin:0;
padding-left:0;
list-style: none;
overflow: hidden;
}
.related-articles ul li {
float: left;
border: outset 1px #9f9f9f;
width: 330px;
}

できたっぽい。

widthを小さくして3列にすると、長いタイトルのところが3行になって崩れてたけど、自分で使う分はこれでOK。