web-dev-qa-db-ja.com

チェックマーク付きの番号なしリストlist-style-positions-outsideテキストを左に垂直に配置

チェックマーク付きの順序付けられていないリストを作成し、テキストを左に並べて、2行目のテキストを左にフロートさせてチェックマークの下に行かないようにします。

誰もこの仕事をする方法を知っていますか？

htmlcsshtml-lists
17
Tony States

以下のコードは、理解に役立ちます。 これはJSFiddleデモです 。

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のc​​ontentプロパティにコードを貼り付けて、チェックマークを取得します。これがお役に立てば幸いです。投票してください。

48
Gourav