Встроенный неупорядоченный список

Question

#results {
font-family: arial, helvetica, sans-serif;
list-style-type:none;
}
#results li {display: inline;}
#results li a {
float:left;
 }

Я бы хотел, чтобы в разделе результатов отображалось несколько элементов в строке, но похоже, что я получаю только 1 элемент в строке с этим кодом.

Answer 1

Например, вам нужно дать ul margin: 0 и padding: 0 и li a width: 49% (чтобы оставить место для margin-right).

#results {
font-family: arial, helvetica, sans-serif;
list-style-type:none;
margin: 0;
padding: 0;
}
#results li {
display: block;
float:left;
width: 49%;  /* Or whatever */
margin-right: 1%;  /* Or whatever */
}
#results li a {

 }

Answer 2

Я также добавлю, что у меня есть другой div в результатах ul. Кажется, когда я удаляю это внутреннее деление списка результатов по горизонтали.

<ul id="results">

<% for user in @users -%>
 <li>
<div id="short_profile">
 <.... ruby code ...>
 </div>
 </li>
 <% end -%>
 </ul>