二行目以降だけ行頭1文字分インデントFacebookTwitterhatenaLINE行頭に黒丸や数字を表示させ、二行目以降を1文字分インデントさせるには、list-styleとmarginやpaddingなんかを使えば簡単に再現できます。その行頭の1文字が米印などlist-styleで定義されていない記号等である場合、どのように表現すれば良いでしょうか。画像で作成してbackgroundで指定するのも良いですが、テキスト+CSSだけでも下記のような表示が可能です。※米印の例はこんな場合です米印の例はこんな場合です米印の例はこんな場合です米印の例はこんな場合です米印の例はこんな場合です米印の例はこんな場合です米印の例はこんな場合です米印の例はこんな場合です米印の例はこんな場合ですこのように「二行目以降だけ行頭1文字分インデント」させるには、下記のようなCSSで再現できます。p{padding-left:1em;text-indent:-1em;}例としてpに指定していますが、もちろん他の要素やクラスでも対応できますので、必要に応じて導入されてみてはいかがでしょうか。画像の下に数ピクセルの謎の余白が出来てしまう時に解決できるCSSサイトに画像を表示するならimgタグ、divなどで囲ってレイアウトを調整、よくある日常の作業なのですが、たまに悩まされる時があります。今や当然のように記述するようになったHTML5で追加されたタグ。<header>や<footer>、<nav>など、これまで...便利なcalc()関数でwidthやfont-sizeの値を計算式で指定レイアウトを組む時、特に横幅可変やレスポンシブ対応の際に横幅や余白の計算は不可欠ですね。横幅いっぱいに伸ばしたいけど50pxだけ余白を残したい時。偶数や奇数ごと、3つごとや5つごと、といった指定や、n番目のみ、という指定。CSSを指定した要素にだけ適用したい場面はよくありますが、そんな時に便利な疑似クラス...スマホ用サイト、縦向きと横向きでCSSの指定を切り替える記述方法2014年現在、あるのが当たり前になりつつあるスマートフォン用サイト。コメントをキャンセルメールアドレスが公開されることはありません。