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>

相关阅读:
2022-06-15 工作记录--Vue-父页面向子组件传递数据
【多思路附源码】2023高教社杯国赛数学建模C题思路 - 蔬菜类商品的自动定价与补货决策
数据库系统原理与应用教程（010）—— 概念模型与数据模型练习题
AT32F415 修改时钟和晶振方法(原创)
ffmpeg推流+nginx转发+拉流(RTMP拉流)
spring boot3.x集成swagger出现Type javax.servlet.http.HttpServletRequest not present
视频产生的本质及色彩空间：RGB 和 YUV
java静态内部类介绍
数据大屏---＞前端实时更新数据的几种方式
LVS的认识与快速上手

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