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>

相关阅读:
基于 BP 神经网络特征提取的指纹识别应用（Matlab代码实现）
React Native 工程基础建设
laravel paginate追加数据
阿里云SLB之：基于URL调度场景的SLB七层负载均衡配置（十三）
模拟百度网盘
第二章_Windows用户管理_实验案例_配置服务器的用户级组账户
面试题：Spring Boot Starter的功能与使用场景
拆离褶皱（Detachment Fold）
【校招VIP】“推推”项目课程Java：SpringBoot demo的说明、入门和下载
AJAX|AJAX基本用法

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