Question

我正在尝试将标题放在列表项的左侧我不想在无序列表中嵌入有序列表，因为我需要列表项在标题之间连续。

这是我一直在使用的，但我不喜欢标题缩进，尽管没有包含在列表项中。

尝试在标题上使用“text-indent：-2em”，但这不起作用。我甚至尝试创建一个单独的div并将负面文本缩进，但这也不起作用。

<ol reversed>
    <h3>year</h3>
    <li>item</li>
    <li>item</li>
    <h3>year</h3>
    <li>item</li>
</ol>

试过几个网站： https://www.htmlgoodies.com/tutorials/getting_started/article.php/3479461

Answer 1

所以，我认为你在-2em的正确路径上反转缩进，但它需要放在＆＃34; margin-left＆＃34;而不是＆＃34; text-indent＆＃34;，并且每次要使用它时都创建一个类来调用它：

CSS中的

：

Enable Just My Code

HTML：

.unindent{
    margin-left: -2em;
}

或单独将其添加到您想要的行中＆＃34;取消缩进＆＃34;：

<ol reversed>
    <h3 class="unindent">year</h3>
    <li >item 1</li>
    <li>item 2</li>
    <h3 class="unindent">year</h3>
    <li>item 3</li>
</ol>

可能还有其他方式，但这是我能想到的最简单的方法。祝你好运！

ol中的标题，缩进左侧或负面文本缩进

1 个答案: