html文字一行时靠右，多行时靠左

元素居中
display: block; margin: auto;

文字居中
text-align: center;

文字下划线
text-decoration: underline;

边框线
border: 1px #1D6AF8 double;
圆弧角
border-radius: 10px;


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html文字一行时靠右，多行时靠左</title>
 
        <style>
            .cell {
                display: flex;
                justify-content: space-between;
                padding: 10px 0;
                /* html文字一行时靠右，多行时靠左 */
                /* border-bottom: 1px solid #e5e5e5; */
            }
 
            .cell-lab {
                width: 200px;
            }
        </style>
    </head>
    <body>
 
        <div>
            <div class="cell" style="background-color: #fff000;">
                <div class="cell-lab">案件状态</div>
                <div class="cell-val">已结案，结案金额大于0</div>
            </div>
            <div class="cell">
                <div class="cell-lab">出险时间</div>
                <div class="cell-val">2020年03月19日</div>
            </div>
        </div>
 
 
    </body>
</html>

相关阅读:
redis实现缓存集合不需要查询数据库了
创建对象在堆区如何分配内存
Java高级线程
【题解】同济线代习题一.8.5
python sklearn knn快速实现，保姆级教学
[分布式]-Raft论文研读
第一届长城杯半决赛wp和AWD笔记
什么是隧道代理，要怎么用？| 实用教程
遥测终端机RTU助力城市内涝监测系统
一、多线程的基本概念

原文地址：https://blog.csdn.net/jun_tong/article/details/134005325