おちゃのこ通信 Vol.349 - デザイン道場 - おちゃのこネットメールマガジン

このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。

皆さん、こんにちは。おちゃのこネットの刑部です。

あけましておめでとうございます。
本年もデザイン道場をよろしくお願い致します。
2021年最初のデザイン道場では、余白を入れないで2行目をインデントする方法をご紹介します。

	https://cafe-responsive.ocnk.net/

スタイルシートを編集する

デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

●HTML

<div class="multiplelines">
<p>1.最初の行<br>
二行目はインデントする</p>
</div>

●スタイルシート

.multiplelines p {
padding-left:1em;
text-indent:-1em;
}

なお、お問い合わせは下記ページからお願い致します。