html - 如何缩进段落中除第一行以外的所有文本?

标签 html css

这是一个例子 fiddle .

我想做的是在第一行之后缩进所有内容。

现在它看起来像:

Categories: Aperiri 
nostrum similique cu 
pro, maiorum delectus 
quo eu. Mentitum

我试图让它看起来像:

Categories: Aperiri 
  nostrum similique cu 
  pro, maiorum delectus 
  quo eu. Mentitum

我试过添加到 css:

display: block;
margin: 2px;

但这搞砸了我的文字换行。

如何在 css 的第一行之后进行内联显示和缩进?

最佳答案

您可以使用具有负值的 text-indent 属性并用左边距补偿它。

例如:

.negative-indent {
    margin-left: 40px;
    text-indent: -40px;
}

text-indent 属性引用:MDN

关于html - 如何缩进段落中除第一行以外的所有文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21316313/

相关文章:

javascript - 使用 angularjs 将 servlet 响应发送到浏览器(下载功能)

html - 如何在不影响 MENU 的情况下设置 <ul> 和 <li> 的样式

php - 使用 CSS 和 php 查询参数在另一个 id 中选择一个 id

javascript - 如何在 HTML 中显示消息并关闭设置窗口?

html - 如何使图像居中并位于 <h1> 标签的顶部

html - 与 wordpress 内联的响应式菜单

javascript - 使用下拉菜单为带 knockout 的变量赋值

javascript - 在嵌套的 Accordion 中打开特定的 Accordion 面板(Bootstrap v3)

css - 居中列不是 2 的倍数

html - 使用内容扩展 div,而不移动其下方的元素