円の中に文字を表示させる方法が分からずに困っています。
このコードのどこが誤っているか、訂正をお願いいたします。
よろしくお願いいたします。
.wrapper {
padding: 10px;
max-width: 400px;
}
.circle {
width: 200px;
height: 200px;
background-color: pink;
border-radius: 50%;
shape-inside: circle();
}
HTML---
<div class="wrapper "> <div class="circle"> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio ducimus, minus distinctio quae alias velit vel quas aliquid </p> </div> </div>コードはマークダウンのcode機能をご利用ください。またこのタイトルでは若干ですが要件そのものではありませんので、質問内容に寄せたタイトルにしてください(仕様を聞きたいのか使い方を聞きたいのか、実際に使ってみたが想定通り動いてくれないのかがわからない)