見出し+テキスト

このページの基本カラー

:root {
 --main-color: #133967;
 --sub-color: #C4C4C4;
}

タイトルが入ります。

テキストテキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

HTML

<h2 class="opening_tit">タイトルが入ります。</h2>
<p class="opening_txt">テキストテキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。</p>

CSS

.opening_tit {
 font-size: 24px;
 font-size: 2.4rem;
 text-align: center;
 border-bottom: 1px solid var(--main-color);
 margin: 0 0 20px;
 padding: 0 0 20px;
}
 
.opening_txt {
 font-size: 16px;
 font-size: 1.6rem;
 text-align: center;
}

詳細