我可以仅使用内联样式在HTML中创建水平列表吗

Question

我试图在HTML中创建一个有序的水平列表，但无法使用单独的CSS文件或编辑head标签。 这是因为我的内容是内容管理系统的一部分。 当我寻找如何在线创建水平列表时，所有解决方案似乎都具有外部CSS文件或样式块。

这是我努力的方向，它给出了一个水平列表，但没有编号/枚举项目：

<ol style="list-style: none" type="a">
    <li style="padding: 10px; display: inline">Eggs</li>
    <li style="padding: 10px; display: inline">Milk</li>
    <li style="padding: 10px; display: inline">Cheese</li>
</ol>

你能帮我吗？

根据评论进行编辑：当我要求没有CSS时，我没有意识到与HTML标记内联的样式标记被视为CSS。 我改写的问题将是“如何使用在线内嵌样式标签执行此操作”。

Answer 1

这是一种古怪的事情。 您需要使用float才能使十进制列表样式起作用。

<ol>
    <li style="float:left;">Eggs</li>
    <li style="margin-left: 30px; float:left;">Milk</li>
    <li style="margin-left: 30px; float:left;">Cheese</li>
    <div style="clear:both"></div>
</ol>

显然，只需根据自己的喜好调整样式即可。

这是一个快速的小提琴： https : //jsfiddle.net/c5dnmrdr/

Answer 2

您可以通过以下方式进行操作：使用float并在元素之间提供间距：

 <ol style="display:inline-block"> <li style="float:left; margin-right: 10px; ">Eggs</li> <li style="float:left; margin-right: 10px; margin-left: 20px; padding-left: 2px">Milk</li> <li style="float:left; margin-left: 20px; padding-left:2px">Cheese</li> </ol> 

Answer 3

无基于CSS的解决方案

那将是使用默认情况下具有display:inline或display:inline-block的元素，如果没有任何CSS，您将无法更改元素结构。

 <span>Eggs</span> <span>Milk</span> <span>Cheese</span> 

如果您的目标是保留编号，则可以自己添加。 除此之外，没有CSS是不可能实现的。