html – 带有复选标记的无序列表list-style-positions-outside文本在左侧垂直排列

前端之家收集整理的这篇文章主要介绍了html – 带有复选标记的无序列表list-style-positions-outside文本在左侧垂直排列前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试一个无序的列表,带有复选标记,并将我的文本排在左边,没有我的第二行文本在左边浮动,并在复选标记下.

有谁知道如何使这项工作?

解决方法

以下代码可帮助您理解. Here’s a JSFiddle demo.
li:before
{
    content: '✔';   
    margin-left: -1em;
    margin-right: .100em;
}

ul
{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
}

请参阅此链接以获得刻度线:http://amp-what.com/#q=check%20mark

代码粘贴到li的content属性中以获得复选标记.我希望这将有助于你.请投票.

原文链接:/html/230832.html

猜你在找的HTML相关文章