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

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

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

今回のデザイン道場は、タイトルテキスト横に直線を引く方法をご紹介します。

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

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

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

●HTML

●スタイルシート

.txtline {
display: flex;
align-items: center;
font-size: 20px;
text-align: left;
color: #000000;
}

.txtline::after {
border-top: 1px solid #000000;
content: "";
flex-grow: 1;
margin-left: 1rem;
}

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