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>