htmlで、画像のように 左に赤色線を二本入れて文字はヤマトにして それ以外は黒で囲いたいのですが

htmlで、画像のように

左に赤色線を二本入れて文字はヤマトにして
それ以外は黒で囲いたいのですが
どう打ち込めばよろしいでしょうか?
教えてください!

No.1 ベストアンサー 回答者： Ogre7077 回答日時： 2022/12/19 00:40

<div style="display:flex">

<div style=両脇赤>空白</div>
<div style=三方黒>大和</div>
</div>

参考)
https://developer.mozilla.org/ja/docs/Web/CSS/bo …

No.2 回答者： naokita 回答日時： 2022/12/20 08:04

<p style="border-left:1px solid red;">

<span style="display:inline-block; margin-left:8px; padding:4px 8px; border:1px solid black; border-left-color:red; ">ヤマト</span>
</p>