CSSでシンプルな横スクロールのリスト(ul)

施工実績や導入事例などで、サムネイル付きのリストを、横スクロールにする方法です。

liのwhite-space:normalは、タイトルが長くなった時に、ulであらかじめwhite-space: nowrapにしちゃってるので、改行しないため、liで新たに追加しています。ですので、2行にならない構造であれば不要です。
またvertical-align: topは、画像の高さが違った場合、そのままだとした揃えになるので上に合うようにしています。

CSS:フローチャートをCSSで作成

お見積もりまでの流れや、作業の流れなどのフローを作成する場合の
チャートのCSSです。
見た目はこんな感じ。

paddingあたりは調整してください。

CSS:FAQなどのリストで文字を下げる

通常の2行目以降のインデント下げは以下。

ただ、これでは3行目以降がうまくいかないし
FAQなどのリストの場合も不便。

CSSで2行目以降の文字を下げて、FAQを作る

イメージはこんな感じ。

ただ、文字をpxで指定するなどガチガチなので、ご自信で改変してくださいませ。