0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

変なところで折り返されて文章が読みにくいときは、spanとdisplay: inline-blockの出番!

Last updated at Posted at 2023-09-08

🌻変なところで折り返されて文章が読みにくい!!
 👉spanとdisplay: inline-blockの出番!

①折り返したく無い分のかたまりをspanタグで囲む
②↑のspanタグに、display: inline-blockを指定する

こんなに読みやすくなります✨
(HTMLが少し汚くなるのが難点)

image.png

image.png

index.html
<div class="about__right">
    <span>お客様にとって、</span><span>不動産に関する情報が入手しにくい、</span><span>取引が複雑でわかりにくいといった</span><span>課題を解決し、</span>
</div>
style.css
.about__right span {
    display: inline-block;
}
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?