В настоящее время я работаю над неупорядоченным списком, содержащим элементы списка с тегами. У меня проблема относительно одного элемента списка, который достаточно длинный, чтобы заняться двумя строками (см. Изображение)
Я хочу, чтобы вторая строка была выровнена с первой строкой. Это код HTML, который я использую. Я использовал fontAwesome для проверки изображений.
ul {
width: 300px;
}
<link href="#" onclick="location.href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'; return false;" rel="stylesheet"/>
<ul class="fa-ul custom-list">
<li><i class="fa fa-check fa-fw"></i>List item on 1 line</li>
<li><i class="fa fa-check fa-fw"></i>List item on 1 line</li>
<li><i class="fa fa-check fa-fw"></i>This is a list item that actually takes up 2 lines. Looks ugly</li>
</ul>