HTMLは普通のulとli構成だよ
これで変わる…と思う!
ul {
list-style: none;
padding-left: 1em; /* 文章のスタート位置。li:beforeが入るスペースを確保*/
}
li {
position: relative;
padding-left: 0.4em; /* アイコンと文章の間のスペース */
}
li:before {
font-family: FontAwesome;
content: "\f054" /* 例としてハート形のicon-heartの番号*/
position: absolute;
left: -1em; /* アイコンのスタート位置。左揃えの場合 ul のpadding-leftと同じ値 */
top: 0; /* アイコンの場所を変えたければ適宜変更 */
}
