こんにちは!
ウェブインパクトの犬好き担当inudaisukiです。
東京Kさんがネタの困っているという話を聞きつけて、前回の文字の折り返しの投稿の流れで、いささか旧聞ですが今回の話です。
少し前に流行った「CSS完全に理解したTシャツ」、みなさん覚えていますか??
実は素直にCSSを書くとはああいう感じにはみだしません。
See the Pen
demo2 by wi-saiki (@sin_garden)
on CodePen.
いろいろな書き方がありますが、今回ははみださせるためにあえて
white-space: nowrap;
を入れています。
※ホワイトスペース(連続する半角スペースやタブ、改行)はつめて自動的な改行は行わない。改行する場合はbrで指定。
See the Pen
demo by wi-saiki (@sin_garden)
on CodePen.
というわけで結構今更感がありますが「CSSの書き方がわからないせいで失敗しているように見えるけど、実は一手間かかっている」という小ネタでした!