订购列表突然在Chrome中显示错误

时间:2016-12-30 18:09:19

标签: html css google-chrome html-lists

我已经使用这段代码一段时间了,突然之间它在Chrome中显示错误(尽管在Safari中看起来仍然很好)。我使用反向排序列表来显示标题后跟段落。它始终有效的方式是显示右侧文本的数字。现在它强制在数字下面标题文字。

示例:http://cigarwars.net/2016/12/cigar-weekly-rankings-december-15-2016/

有关如何强制它显示数字旁边的文字的任何帮助将不胜感激。

<ol style="list-style: decimal; list-style-position: inside; margin-left: 0px; display: inline-block;" reversed="reversed">
<li>
<h3>Honey &amp; Hand Grenades</h3>
<img class="alignright size-thumbnail wp-image-2575" src="http://cigarwars.net/wp-content/uploads/2016/12/viaje-honey-hand-grenades-cigar-e1482430211220-200x200.jpg" alt="Viaje Honey &amp; Hand Grenades cigar" width="200" height="200" />Viaje Honey &amp; Hand Grenades is one of the most recognizable cigars in the world of craft/boutiques, using figurado shapes and bright, foil-wrapped packaging. The cigars use a Nicaraguan puro blend and have been made for 2012, 2013, and 2016 small-batch releases.

<a href="http://cigarwars.net/?p=2536">More info...</a>

[su_list icon="icon: minus" icon_color="#b9b9b9"]
<ul>
<li>Wins: 14</li>
<li>Losses: 16</li>
<li>Record: 46.7%</li>
</ul>
[/su_list]
</li></ol>

1 个答案:

答案 0 :(得分:1)

h1-h6标头是块级元素。如果将它们放入li元素中,它们通常会显示在下一行中。您可以使用与以下类似的样式更改此行为:

h3
{
    display:inline;
}

试试这个并查看行为是否满足您的要求。