html,cssで文字がはみ出してしまいます!

画像

HTML、CSS | ホームページ作成55閲覧xmlns="http://www.w3.org/2000/svg">50

ベストアンサー

1

1人がナイス!しています

ThanksImg質問者からのお礼コメント

自分も自然とこの方法に行きついたのでベストアンサーです! CSSシェイプを利用する方法も自分で使えるようになりたいと思います!ありがとうございます。

お礼日時:9/24 22:07

その他の回答(1件)

1

CSSシェイプを使えば実現できます。 https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Shapes MDNの例では、図形の右側での文字の回り込みが紹介されています。 これを逆に考え、文章の外側で枠に沿った要素をshape-outsideプロパティで定義するわけです。

1人がナイス!しています

p{text-align:center; padding: 1em 0.5em; margin:2em 10%; background-color:rgb(255, 255, 255); box-shadow:0px 0px 0px 10px rgb(255, 255, 255); border:dashed 2px rgb(184, 34, 9); border-radius:100px; } これが今使用しているcssなのですが、何をつけ足せばいいのかわからないです。(-_-;)