如何在CSS中创建单行边框？

Question

我正在尝试创建一个CSS边框。我试图生成的输出看起来像这样：

-------------- MFG -----------------

我想要一条实线而不是虚线。

Answer 1

HTML：

<h1><span>MFG</span></h1>

CSS：

 h1 {border-top: 1px solid black; margin: 40px 0 0 0; }

 h1 span { position: relative; top: -25px; padding: 0 20px; background: white;}

编辑

其中包含-------- MTG -------的容器必须具有以下内容：

 text-align:center;

Answer 2

<强> HTML

<hr/>

<强> CSS

hr{
    margin-top:30px;
    padding: 0;
    border: none;
    border-top: 1px solid #333;
    color: #333;
    text-align: center;
}
hr:after {
    content: "MFG";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

jsfiddle

Answer 3

您使用的是<hr>代码。

这里有一个例子，说明你要做的事情：

http://css-tricks.com/examples/hrs/