使用h5显示内联自定义div

Question

我知道这听起来很简单，但这真让我烦恼。我在网上进行了研究，但还没找到一个完美的答案。

我有这个HTML代码：

<h5 class="start-online"><div id="online_ajax">0</div> Clients online </h5>

我希望online_ajax div在客户端在线文本之前显示内联。

我目前的css是：

h5.start-online {
    text-align: center;
    font-size: 11px;
}

.online_ajax {
    position: relative;
    display: inline-block;
}

Answer 1

您无法在<div>内嵌套<h5>。 期间。改为<span>。

<h5 class="start-online"><span id="online_ajax">0</span> Clients online </h5>

你甚至不需要设计风格！ <span>代码是<div>代码的内嵌版本（<div>代码是<span>的内联版本。

此外，在您的CSS中，您应该选择id，而#是ID选择器。

#online_ajax {
  position: relative;
  display: inline-block;
}

但是，正如我之前所说，请不要使用<div>。

Answer 2

你弄错了。

online_ajax是一个ID，请使用#代替dot(.)

Answer 3

如前所述：您应该使用<span>代替<div>。那么你的css就不再需要display: inline-block;了。