html - 随内容扩展的 H3

Question

我有一个内容丰富的 h3。

像

然后我输入很多内容，就像

我使用的唯一CSS是：

color: rgb(255, 255, 255);
font-size: 16px;
height: 40px;
line-height: 16px;
padding-left: 20px;
padding-top: 14px;
background-color: rgba(158, 179, 195);

我需要的是h3会随着内容保持相同的风格而扩展（就像文本在中心，上下都有一些witdh

标签： htmlcss

Answer 1

您应该删除height: 40px并定义 a min-height。这样做，元素将根据您输入的文本自由地调整自己。

然后，如果您想将第二行的文本对齐在第一行的文本下方（而不是在节号下方），您应该使用更大的左填充和text-indent仅影响第一行的负数

代码笔示例