css 如何让文字标题显示在边框上

方法一、

<style>
    .box{
        position:relative;
        border:1px solid red;
    }
    .box::before{
        content:attr(title);
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        -webkit-transform:translate(-50%,-50%);
        padding:0 10px;
        background-color:#fff;
    }
</style>
<div class="box" title="使用方法">
    <ol>
        <li>这是啥</li>
        <li>干啥</li>
    </ol>
</div>

方法二、

<fieldset>
<legend>标题</legend>
<p>内容</p>
</fieldset>

参考：https://zhidao.baidu.com/question/529921655.html