我试图创建一个布局，看起来像一个李与子弹，但这不使用李。我不能使用LI，因为我想允许同一列表中的不同项目具有不同的项目符号图像。从我所知道的李子弹样式只能设置在UL中，所以所有李在同一UL中必须有相同的子弹图像。。。我不想那样。如果我错了李的样式，请纠正我。
这是我正在尝试设计的HTML，以便它重新创建一个LI项目符号。
<div><img src="..."/><p>Inbox:</p></div>
我不确定如何才能最好地实现以下目标：
使项目符号图像显示在项目文本框的左侧，以便当有大量文本时，项目符号会挂在左边距中。文本不应在项目符号图像下换行。
使项目符号图像与文本的第一行居中对齐（在文本换行的情况下）。并在文本更改大小时使项目符号居中对齐。
我的高级目标是在网页中重新创建TaskPaper's用户界面：
我很乐意给那个有我最喜欢的解决方案的人一个免费的许可证。
谢谢，
杰西
最佳答案
您可以使用CSS类来执行此操作：
<HTML>
<HEAD>
<STYLE>
LI.circle { list-style: circle }
LI.square { list-style: square }
</STYLE>
</HEAD>
<BODY>
<UL>
<LI class="circle">Circle</LI>
<LI class="square">Square</LI>
<LI>Third</LI>
</BODY>
</HTML>
如果你需要一个任意的图像，可以像
LI.whatever { list-style: url(myimage.png) }