左右46分栏 ②
60%
40%
30%
70%
HTML代码:
<div style="display: flex;">
<div style="width: 60%; margin-right: 10px;">
<!------------- 左侧 ← 内容 ---------------->
<div class="card text-auto">
<div class="card-body">
<div style="font-size:120px; font-weight: bold;">60%</div>
</div>
</div>
<!------------- 左侧 ← 内容 ---------------->
</div>
<div style="width: 40%; margin-left: 10px;">
<!------------- 右侧 → 内容 ---------------->
<div class="card text-auto">
<div class="card-body">
<div style="font-size:120px; font-weight: bold;">40%</div>
</div>
</div>
<!------------- 右侧 → 内容 ---------------->
</div>
</div>