Рельсы: горизонтально-линейные значения из драгоценного камня

Question

Я использую ratyrate gem в моем приложении и для оценки некоторых элементов в моем приложении. Следующий код показывает звезды вместе со средним номером курса:

<p style="font-size: 17px; display: inline-block;"><%= rating_for item, 'quality', :style=>"text-align: right;" %>
 <strong style="color: #7f7f7f"><%= item.average("quality").nil? ? '0' : (item.average("quality").avg).round(2) %></strong></p>

Как вы можете видеть, я обернул все базовым <p style="font-size: 17px; display: inline-block;"></p>, чтобы указать звезды и число, но по какой-то причине они этого не делают. Я также попробовал несколько других способов, но безуспешно.

Любые идеи о том, как включить их обоих?

Answer 1

Я нашел решение, добавил разные div и присвоил им float:left;

<div style="float:left;"><%= rating_for item, 'quality' %></div>
<div style="float:left; margin-top: 1px;"><strong style="color: #7f7f7f"><%= item.average("quality").nil? ? '0' : (item.average("quality").avg).round(2) %></strong></div>