Я хочу иметь горизонтальную линейку со следующими характеристиками:
align:left
noshade
size:2
width:50%
color:#000000
Если указанные выше атрибуты не были устаревшими, я бы использовал:
<hr size="2" width="50%" noshade style="color:#000000" align="left" />
Теперь я думаю об использовании атрибута style. Есть ли какие-либо трюки, чтобы сделать HR рендеринга одинаковым в нескольких браузерах?
EDIT:
Из ответов я переделаю свой тег <hr />
:
<hr style='background-color:#000000;border-width:0;color:#000000;height:2px;line-height:0;text-align:left;width:50%;'/>
Однако в Firefox свойство text-align: left, похоже, не действует, поскольку горизонтальное правило выглядит с центром. Тем не менее, он отлично работает в Opera и IE. Я экспериментировал с моим кодом здесь:
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_hr_test
Любой трюк, чтобы сделать его выровненным слева?