gpt4 book ai didi

html - 有序列表编号位置

转载 作者:行者123 更新时间:2023-11-28 00:27:24 24 4
gpt4 key购买 nike

我想实现这个:

1.Rod    The lazy dog.
2.Jane The lazy cat.
3.Freddy The active goldfish.

但是,我明白了:

Rod      1. The lazy dog.
Jane 2. The lazy cat.
Freddy 3. The active goldfish.

这是我的 html:

<head>
<title></title>
<style type="text/css">
span
{
width: 60px;
display: block;
float: left;
clear: left;
}
</style>
</head>
<body>
<ol>
<li><span>Rod</span> The lazy dog.</li>
<li><span>Jane</span> The lazy cat.</li>
<li><span>Freddy</span> The active goldfish.</li>
</ol>
</body>
</html>

如何将列表编号置于开头?

最佳答案

实际上,除了宽度和显示之外,您不需要任何东西:

span 
{
width: 60px;
display: inline-block;
}

Tested ,这适用于 IE9、Chrome 和 Firefox。

关于html - 有序列表编号位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4802804/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com