フォントサイズの違う文章を追加する時のhtmlの書き方

Question

※上記画像部分のhtml

<p class="title"><span>高さ</span></p>

※上記画像部分のcss
p.title span {
font-size: 38px;
padding: 3px 0 0 30px;
border-left: 5px #ff0000 solid;

●質問内容
上記の画像の青い四角の部分にフォントサイズ16pxの文章を追加したいのですが、
書き方が分かりません。
どなたかアドバイスをいただけると助かります。
どうぞよろしくお願いいたします。

Answer 1

こういうことでしょうか？？

<p class="title">高さ<span class="title_note">テキスト</span></p>

.title { 
	font-size: 38px; 
	padding: 3px 0 0 30px; 
	border-left: 5px #ff0000 solid;
}
.title_note {
	margin-left: 10px;
	font-size: 16px;
}

Comments

[退会済みユーザー]

<span>にclassを設定できるんですね。
有難うございました。