Html 如何装饰一个<；hr/>；标签

我想要一把具有以下特征的水平尺：

align:left
noshade
size:2
width:50%
color:#000000

如果以上属性未被弃用，我将使用：

<hr size="2" width="50%" noshade style="color:#000000" align="left" />

我现在考虑只使用style属性。有没有什么技巧可以让HR在几种浏览器中呈现相同的效果

---

编辑：

根据答案，我将我的

标签重新制作为：

<hr style='background-color:#000000;border-width:0;color:#000000;height:2px;line-height:0;text-align:left;width:50%;'/>

p{font:italic大衬线；文本对齐：居中；}

hr size=“2”color=“palevioletred”width=“50%”align=“left”


hr size=“2”color=“palevioletred”width=“50%”align=“right”


hr size=“1”color=“palevioletred”width=“50%”align=“center”

右边距：auto；“>

回答您的问题：

“有什么办法让它左对齐吗？”

我只想添加“display:inline block；”到上一个代码中的样式属性。 您完成的代码如下所示：

<hr style = 'background-color:#000000; border-width:0; color:#000000; height:2px; lineheight:0; display: inline-block; text-align: left; width:50%;' />

背景色：#000000；边框宽度：0；颜色：#000000；高度：2倍；线宽：0；显示：内联块；文本对齐：左对齐；宽度：50%；“/> 我在Chrome、IE和Firefox中进行了测试，并且在每种浏览器中都有效。更多文档和浏览器兼容性可在此处找到：

---

另一方面，最好将此样式添加到外部或内部样式表中，而不是内联添加。这样，您可以为整个网站创建一个标准化的hr元素，并将您的样式声明与文档布局分开。

为什么不制作一张图片，然后将此代码键入CSS

            hr {
        height:43px; /*(image height)*/
        width:50%;
    background-image:url("hr-tag-image.png"); /*Your image file*/
/*Demo: https://heckles.typrograms.com */
}

---

为什么你更喜欢DIV而不是HR？谢谢。DIV不是HR，对于简单的显示程序，它不提供回退。你应该在人力资源应该被安置的地方使用人力资源…@约翰：这是一个好问题，我没有一个好答案。与在HR上应用相同的格式，然后在不同的浏览器中进行测试相比，在DIV上应用方框模型格式并获得预期的结果是很容易的。@feeela：已正式注明反对意见。可能重复：请参阅以下内容的第一条注释：