如何用CSS控制标题（H2）的宽度？

Question

我已经尝试了下面的CSS。除宽度外，所有其他规格均有效。如果需要，您可以看到太宽here的示例。

感谢您的帮助 - 塔拉

.title h2 {
margin:10px 0 0 0;
width:780px;
font-family: HarabaraHandItalic;
font-size: 30px;
padding: 0 0 0 15px;
color:#000;

}

Answer 1

您使用的宽度太宽。例如，尝试将宽度设为750px。你会发现它工作正常！

请记住，填充将添加到元素的宽度。 在你的情况下，h2元素是780px（宽度）+ 15px（填充左）= 795px。

Answer 2

这里工作正常。

我怀疑你对width的含义感到困惑。该属性描述内容宽度。填充（15px）和边框（0px）和边距（0）都显示 宽度。

无论如何容器的宽度只有670像素，所以你可能不希望它内部有795像素（宽度加填充）。

Answer 3

您需要缩小“宽度”和“字体大小”以使其适合。

或者，如果字体大小需要保持不变，则需要减少复制量。