css中的垂直线对齐属性

Question

我要画一条从页面左边开始的行：

我使用了<hr>标签，这是它的风格：

hr {
     background: #D8D8D8; 
     width: 500px;
     height: 1px;
}

但是align的{​​{1}}属性不是here所描述的！{/ p>

使用此样式，线条会在页面中间绘制。

如何从页面左侧画线？

Answer 1

只需在margin-left: 0;标记上添加text-align: left;（Chrome，Safari和Firefox）和hr（IE和Opera）。

＆＃13;

＆＃13;

hr {
  height: 1px;
  margin-left: 0;
  text-align: left;
  width: 500px;
}

＆＃13;

<p>Example</p>
<hr>
<p>Example</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您也可以使用table-cell将其设为中间vertical-align，如：

hr {
     background: #D8D8D8; 
     width: 500px;
     height: 1px;
     display:table-cell;
}

<p>This is some text. This is some text. This is some text.</p>

<hr>

<p>This is some text. This is some text. This is some text.</p>