html中border边框线上添加文字

采用fieldset标签

<fieldset id="downbox">
	<legend>
	&nbsp;&nbsp;&nbsp;&nbsp;其他登录方式&nbsp;&nbsp;&nbsp;&nbsp;
	</legend>
	<div class="wximg">
	<a href=""><img src="../resource/微信.png" alt="微信登录"></a>
	</div>
</fieldset>

由于我只显示了上边框，其余左右下边框都none了

    #downbox{
        display: block;
        margin-top: 5px;
        height: 70px;
        width: 315px;
        border-top:solid black 2px;
        border-bottom:none ;
        border-left: none;
        border-right: none;
    }
    #downbox legend{
        font-weight:600;
        color: black;
        opacity: 0.5;
        font-size: 12px;
        margin:0 auto;
    }