ネット集客実践クラブ(大阪)

 

CSSでいろいろカスタマイズ

CSSでかなり色々なことができるようになってきました。

いろいろやって見たメモです。

2行になった見出しや、liタグ、Pタグの行頭揃え、冒頭をそろえるには?

liが長くなってくると折り返しの際に、2行目が「・」の直下になってしまいます。

折り返しの際に、1行目と同じ位置から始めたいときに使うCSSの定義です。


li {
    padding-left         : 1em;
    text-indent          : -1em;
}

「padding-left: 1em;」で、行頭の始まり位置を決めます。

「text-indent: -1em;」で、「・」部分の分、位置を左に寄せる、という定義です。

位置決めは、各サイトのCSSの他の定義にも影響されると思いますので、ご自身で数字は調整してください。

参考)CSSのリストタグで2行目以降を一文字だけ下げる方法もちろんPタグなどにも適応可能

集客のネタ話

  1. SEO、SEO対策
    2024/04/24 06:13:37の被リンク、1,151件(前回04/20)コアアップデ…
  2. SEO、SEO対策
    2024/04/23 12:57:28の被リンク、1,151件(前回04/20)コアアップデ…
  3. そよら金剛、イオンスタイル金剛
    2024年にオープン予定の「そよら金剛」、着々と工事進んでるみたいです。そよら金剛の横に総戸…
  4. SEO、SEO対策
    2024/04/20 07:40:16の被リンク、1,151件(前回04/13)コアアップデ…
  5. インスタ ハッシュタグ 集客
    2024年の3月ごろからかと思いますが、インスタのハッシュタグの集客効果が殆ど無しになりました。…
ページ上部へ戻る