<div class="rule-title">
        <div class="menu-icon"><div>
            活動*規則
        <div class="menu-icon"><div>
    </div>

    .rule-title {
        font-weight: bold;
        margin: 30px auto;
        font-size: 32px;
    }
    /*
 
 3條橫線 */
    .rule-title .menu-icon {
        display: inline-block;
        width: 50px;
        height: 2px;
        border-top: 2px solid #000;
        border-bottom: 2px solid #000;
       
        padding: 5px 0;
        margin: 0 10px 10px;
        background-clip: content-box; 
        /* 
            background-clip: 規定背景的繪制區域。
                border-box-----背景被裁剪到邊框盒；
                padding-box-----背景被裁剪到內邊距框；
                content-box-----背景被裁剪到內容框；
        
 
*/
    }

css 標題三條橫線