Help us understand the problem. What is going on with this article?

Emmetを使用してダミーテキストを作成する

Emmetもしくはzen-codingを使用していて、ダミーテキストを作成する方法です。

テキスト量によってデザインがどう変わるかを確認するのに便利です。

ダミーテキストを作る

loremを使うとダミーテキストを生成してくれます。

lorem100
HTML
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius facilis in molestiae quod! Aut doloribus est illum iure porro sunt. Eius illo iusto maxime nihil possimus quae tempora voluptas voluptates.

loremの後ろにある数字を変えると出力される単語数が変わります。

組み合わせ

組み合わせたパターンです。

div>lorem10
HTML
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, nemo?</div>

divタグの中にダミーテキストを作成できました(☝ ՞ਊ ՞)

pugiemonn
GoogleTagManagerを利用してGAを操るようなマーケターとしてお仕事しています(☝ ՞ਊ ՞)
pugiemonn_com
pugiemonn.com
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away