【小ネタ】「CSS完全に理解した」Tシャツのお話

こんにちは!
ウェブインパクトの犬好き担当inudaisukiです。

東京Kさんがネタの困っているという話を聞きつけて、前回の文字の折り返しの投稿の流れで、いささか旧聞ですが今回の話です。

Tシャツのイメージ

少し前に流行った「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の書き方がわからないせいで失敗しているように見えるけど、実は一手間かかっている」という小ネタでした!