WEB広告運用の困りごとが集まる場所 › コミュニティ › コミュニティ › 見出し部分の背景幅を行にあわせて増やしたい › 返信先:見出し部分の背景幅を行にあわせて増やしたい
-
CSS欄の下記2行を変更してください。
.box {
margin: 1em auto;
background: #ffe4e1;
border-radius: 4px;
border: solid #fc9db8 1px;
max-width: 100%;
padding: 0; /* 変更 */
position: relative;
box-sizing: border-box;
}box .box-title {
background: #db7093;
color: #fff;
font-weight: bold;
font-size: 20px;
text-align: center;
border-radius: 4px 4px 0px 0px;
position: relative; /* 変更 */
line-height: 2;
padding: 1px;
letter-spacing: .05em;
left: 0;
top: 0;
width: 100%;
margin: 0;
box-sizing: border-box;
}- もしタイトルの行間が気になるようでしたらline-height を1.5などもう少し小さくしてみてください。
- タイトル周りに余白をつけたい場合padding の値を大きくしてください。