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

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

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

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

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

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

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

イメージはこんな感じ。

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

電話をかけるa href=”tel:〜をスマホ以外で無効にする。

スマホで見てもらった場合、すぐに電話をかけて欲しいとの要望から、
a要素のhref属性を “tel:〜”と設定し、ブラウザのタップですぐに電話をかけられるようにします。

しかし、レスポンシブデザインで行う場合、スマホ以外ではこのリンクを無効にしたい!
こういうときのCSSが以下

結構、覚えて置くと便利です。