← Hashito System home 日本語 Tools Blog
Structure to generate

Images are emitted as an <img> shell only; no third-party URL is placed in src. If you need actual dummy images, use our placeholder image generator.

Generated HTML

Preview

Why plain dummy text is not enough

An ordinary Lorem ipsum generator gives you plain text split into paragraphs. That is not enough when you want to see how your CSS behaves, because a real article mixes headings, lists, quotes and tables, and layouts usually break at the seams between them: the spacing of a ul that follows an h2, the margin of a p inside a blockquote, a table overflowing its container. None of that shows up unless the elements are actually nested.

This tool emits an HTML fragment built from <h2>, <h3>, <p>, <ul>, <blockquote>, <table> and <pre>. Paste it into a CMS theme, into the output your Markdown renderer produces, or into an email template you are checking.

The output carries no inline style attributes and no class names, so your own CSS is the only thing deciding how it looks.

How to use

  1. Set the number of sections and paragraphs — Enter how many h2 sections and how many paragraphs per section match the article length you want to test.
  2. Choose which elements to mix in — Tick the lists, quotes, tables, code blocks or images you want to check against your theme.
  3. Check the preview for breakage — Use the preview below to inspect spacing at element boundaries and table overflow.
  4. Copy the HTML and paste it in — Copy the generated HTML and paste it into your CMS or template so your real CSS applies.
  5. Regenerate to change the wording — Press Regenerate when you want different sentences while keeping the same structure.

Frequently asked questions

How is this different from plain dummy text?

Instead of paragraphs of plain text, this tool emits an HTML fragment made of h2, h3, p, ul, blockquote, table and pre. Layouts usually break at the seams between elements: a list following a heading, a paragraph inside a quote, a table overflowing. You cannot reproduce those without actually nested HTML.

Does the output contain class names or style attributes?

No. Only bare HTML tags are emitted. Your own CSS or CMS theme is the only thing that decides the appearance, so you see exactly what the theme does.

Why is the image src empty?

Embedding a third-party image service URL would make your test depend on that service staying up. The tool emits only the img shell with width, height and alt. If you need images that actually render, replace the src with a file produced by our placeholder image generator.

Does the text change every time with the same settings?

The wording changes only when you press Regenerate. Changing a checkbox or a number keeps the same wording and only alters the structure, so the text does not shuffle while you are tuning CSS side by side.

Is anything sent to a server?

No. Generating the dummy sentences, assembling the HTML, rendering the preview and copying all run in your browser via JavaScript. Nothing is transmitted or stored on a server.