Мой блок hr не отображается там, где я хочу

Question

Я пытаюсь создать экран справки, который открывает html-файл с помощью веб-просмотра Android, который показывает список значков и дает описание для каждого. Я хотел бы поместить тег hr между каждым значком / строкой описания.

Мой код выглядит так:

<div>
<img src=[link] align="left"/>
<p> [Description] </p>
</div>
<hr>

Проблема в том, что если изображение выше, чем описание, блок hr попадает в изображение и останавливается вместо того, чтобы находиться ниже самого высокого элемента, и охватывает всю ширину. Есть ли способ сообщить блоку hr, что он находится ниже нижней части самого нижнего элемента в div?

Заранее спасибо

Answer 1

Попробуйте это в своем CSS;

hr { clear: both; }

Если нет CSS, тогда я потерялся.Если div не перемещается, или ни один из других элементов не перемещается, я не вижу, как может возникнуть ваша проблема.Попробуйте добавить следующий CSS;

<hr style="float:left;width:100%;clear:both">

Answer 2

Может также быть проблема с отображением блока; особенно, если это происходит в IE, вам может потребоваться обновить стиль вашего div, чтобы он отображался так, как ожидалось.

Если это только для IE, Google hasLayout. В противном случае, как уже было сказано, разместите свой CSS.