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

 

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/03/19 08:48:26 の被リンク、1,231件(2024/03/16)20…
  2. SEO、SEO対策
    2024年3月6日の午前2:01、グーグルの公式ツイッターから、Googleのコア アップデ…
  3. 富田林 イタリアンのグーグルMAPの検索結果
    久しぶりに「富田林 イタリアン」の検索結果を確認すると、 富田林市久野喜台のイ…
  4. グーグル広告、ヤフー広告、Google広告、Yahoo広告
    グーグル広告って、広告の内容修正するだけで結構、成果の結果が変わります。で、今回は、…
  5. SEO、SEO対策
    2024/03/03 11:35:24 の被リンク、1207件結構前からやってた、allin…
ページ上部へ戻る