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

 

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. 天下一品 こってりmaxを
    先日(2024/02/15)、2023/6/1に発売開始された天下一品のこってり…
  2. SEO、SEO対策
    2024/02/18 09:44:36 の被リンク、994件(2024/02/17)サーチコ…
  3. 商品を並べただけでは売れない。商品、サービスは欲しくなるように紹介が必要
    ということで、久々に大阪でフォトウェディングで特徴的なサービスを展開してるフォトスタジオシミズさんの…
  4. セブンイレブンの看板の効果とは?
    結構、古い話になるのですが、うちの近所にセブンイレブンさんが出来ました。元々は、ミニストップ…
  5. 戦略質問
    今まで順調にグーグル広告で集客が順調だったけれど、商圏内にライバル店ができる。フランチャイズ…
ページ上部へ戻る