图文列表式

   

   　　图片跟图片对齐    文字跟文字对齐

<dl class="f18 line34 dl-horizontal">
                <dt><img class="pt10" src="./static/images/cir_w.png" alt=""/></dt>
                <dd class="f18 line34">医用心电仪同等原理，实时采集动态心电图和心率曲线</dd>
                <dt><img class="pt10" src="./static/images/cir_w.png" alt=""/></dt>
                <dd class="f18 line34">15项生理指标分析数据，专业生理监测报告，全面评估身心状态</dd>
            </dl>


<style>
     .line34{
    line-height: 34px;
    width: 350px;
}
.main_cpts_con{
    width: 460px;
    padding-left: 36px;
    color: #fff;
    margin-top:135px;
}
@media (min-width: 768px) {
    .dl-horizontal dd {
        margin-left: 24px;
    }
}
@media (min-width: 768px) {
    .dl-horizontal dt {
        width: 16px;
    }
}
</style>

 

转载于:https://www.cnblogs.com/wolflower/p/7229493.html