HTML对齐LEGEND中心

Question

如何调整图例宽度？所以我可以把它放在屏幕上。

<fieldset>
<legend align="center">LOGIN</legend>
</fieldset>

Answer 1

图例元素属性可以通过CSS修改，就像任何其他元素一样。以下是100％宽度，居中文本和黄色背景的图例示例：http://jsfiddle.net/Y7DnS/1/

HTML

<fieldset>
    <legend>LOGIN</legend>
    <input type="submit" value="OK" name="submit" />
</fieldset>

CSS

fieldset { border: 1px solid grey; padding: 10px; }
legend {
    background: yellow;
    width: 100%;
    text-align: center;
}

Answer 2

.simpleSolutionInCss{
    text-align: center;
    margin: auto;
}