如何在文本垂直居中的css中实现水平边框

Question

我已尝试过这种边框的一些不同的技巧，如边框左边，但它出现在整条线上，我需要一个“或”之间，我可以很容易地做到这个水平顺序，但我卡在垂直，可以有人请帮帮我。

In case if someone wants the source code - jsfiddle

谢谢

Answer 1

我将它们分成两条垂直线，这使得它对开发人员来说更具可控性。

＆＃13;

＆＃13;

p {
  height: 30px;
  line-height: 30px;
  text-align: center;
}

＆＃13;

<hr width="1" size="100">
<p>or</p>
<hr width="1" size="100">

＆＃13;

＆＃13;

＆＃13;

当屏幕尺寸小于X时，使用类似媒体查询的内容隐藏线条。