Html 样式宽度在：：div之前

我需要一些关于我的标题样式的帮助。我有一个关于css计数器增量的问题，我让计数器工作，现在我的问题是样式，我希望它是这样的

1.标题1
10.a标题2

div.first:之前
{
宽度：自动；
显示：内联块；
内容：“1.a.\00a0”；
}
第二组：之前
{
宽度：自动；
显示：内联块；
内容：“10.a.\00a0”；
}
第一分区{
}
第二分区{
}
h4.计数器{
}

福
福

h

元素是块级元素，因此它们覆盖100%的宽度，并清除两侧

您需要将显示从

block

更改为

inline

，然后它将对齐

例如：

div.first:之前
{
宽度：自动；
显示：内联块；
内容：“1.a.\00a0”；
}
第二组：之前
{
宽度：自动；
显示：内联块；
内容：“10.a.\00a0”；
}
第一分区{
}
第二分区{
}
h4.计数器{
显示：内联
}

福
福

像这样尝试：

CSS:

div.first:before {
    display: inline-block;
    content:'1.a.\00a0';
}
div.second:before {
    display: inline-block;
    content:'10.a.\00a0';
}
div.first, div.second {
    display: block;
}
h4.counter {
    display: inline-block;
}

---

可以添加到CSS文件中的非常简单和小的类：

h4.counter{
    margin : -1.5% 0 0 3%;
    /*below seems to be hard-codednot so useful still can checkout:*/
    /*margin: -20px 0 0 35px;*/
}

它会按照你想要的那样工作。

---

Hey@Sanna Widell，尝试向

h4

标签添加样式！嘿@Sanna Widell，这是一个有用的解决方案吗？你好@Victor，我以前试过，但我希望标题中的文本在计数器后浮动。在上面的示例中，标题是什么？在我的示例中，“foo”是文本，我希望我看起来像@Stewartside posted，但经过som修改。我希望第二行（如果文本需要多行）有缩进，以便它在第一行的同一点开始。你真的检查了我的代码吗？bcuz，它将具有完全相同缩进的标题放在一起，即使是在多行文本中，效果也很好！但是当我有多行时，我希望在其他行上有缩进（第一行除外）。那可能吗？因此，第二行上的文本与第一行上的文本从同一点开始。