css - 複数の P タグを使用せずにこの CSS を構築するにはどうすればよいですか?

Question

完成品を次のようにしたい:

   My

Shopping

  Cart

これまでのところ動作するようになりましたが、3 つの段落タグを使用しています

<div><p>My</p><p>Shopping</p><p>Cart</p></div>

• 最も外側の div にはwidth:200px
• P タグはwidth:100%、text-align:center
• JS フィドルの例

すべての p タグなしでこれを達成する方法はありますか? それらを取り除く必要はありませんが、もっと良い方法があると思います。

Answer 1

すべてのテキストに 1 つのタグを使用して、次のようにタグ<p>で改行を強制することができます。<br>

HTML

<p>My<br/><br/>
Shopping<br/><br/>
Cart</p>

働くフィドル