見出しに装飾がついていますが、その中をさらに装飾したい

Question

見出しに装飾がついていますが、その中に太くて小さめの文字を入れてと言われました。

<div id="content">
<h2>業務関係法令 </h2>



```css


div#content h2 {

              line-height: 2;

              font-weight: bold;

              font-size: 150%;

              margin: 40px 40px 10px 0px;

              padding-left: 10px;

              border: 1px solid #CCCCBB;

              border-left: 4px solid #ec8728;

}

 

と見出しには左にオレンジ色がつくしかくという装飾になっています。


これを

 

 
 ```html

<div id="content">

<h2>業務関係法令 (部内限り）</h2> 

この

(部内限り）を太くて小さめの文字で入れてください

と言われたのですが、どうしらたいいでしょうか

Answer 1

htmlだけで完結させたいのであれば、以下のような方法があります。

<h2>業務関係法令 <span style="font-weight: bold; font-size: 100%;">(部内限り）</span></h2>

cssも利用するのであれば、
【html】

<h2>業務関係法令 <span class="sample">(部内限り）</span></h2> 【css】 .sample{ font-weight: bold; font-size: 100%; }

Answer 2

<h2>業務関係法令 <span class="hoge">(部内限り）</span></h2> 

hogeクラスについて別途font-size,font-weightなどを設定。