html - 在 html div 元素旁边对齐文本的最佳做法是什么

Question

我正在创建一个无序列表，在该列表中我想添加一个调色板类型的窗口，我尝试通过以下方式创建一个

<ul><li><div style="width:10px; height:10px;  background-color:#0066cc; float:left;"></div>test</li></ul>

http://jsfiddle.net/wNkmJ/

我附上了一个 fiddle 链接以查看输出。是否有将 div 与文本对齐的好方法，或者我应该只调整 div 元素的边距，但我认为这不是最好的解决方案..

Answer 1

在你的 div 上，设置:

text-align: center;
display: inline-block;
float: none;

这与定位图像的方式大致相同。