CSS美化數字樣式

為什麼80%的碼農都做不了架構師？>>>   

<span
 style="max-width: 100%; padding: 4px 10px; border-top-left-radius: 80%; border-top-right-radius: 100%; border-bottom-right-radius: 90%; border-bottom-left-radius: 20%; color: rgb(255, 255, 255); margin-right: 8px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(192, 80, 77);">1</span>
<span
 style="color: rgb(62, 62, 62); line-height: 17.9861106872559px; orphans: 2; text-align: justify; widows: 2;">世界上最大的購物中心-迪拜購物中心</span>

顯示效果：
轉載於:https://my.oschina.net/qincd/blog/349741