html前端代码

Posted 2020-07-14

<div style="display:inline-block">

<p>名字</p>

<p>尺寸</p>

<p>价格</p>

</div>

将三行代码放在同一列  名字

               尺寸

               价格

 style="margin-top: 20px  距离外边距20PX

padding 5px 内边距距离

.linetext {

color: #666666;

font-size: 13px;

/* font-weight: ;*/

margin: 15px 15px;

text-transform: uppercase;

text-align: center;

position: relative;

z-index: 2;

}

.linetext:before {

content: " ";

position: absolute;

background: #efeff4;

bottom: -6px;

width: 100px;

height: 30px;

z-index: -1;

left: 50%;

margin-left: -50px;

}

.linetext:after {

content: " ";

position: absolute;

border: 1px solid #c0c0c0;

bottom: 7px;

left: 0;

width: 100%;

height: 0;

z-index: -2;

}

<h5 class="linetext">你可能还需要</h5>   一条横线穿过 你还需要效果 -------你还需要-------