Hostile content

This page is not about which blocks exist. It is about what people put inside them. Every item below has broken a real layout at some point: a word with no break opportunity, a table with more columns than the screen has room for, a container nested five deep with padding at every level, and the raw HTML block, which bypasses the block system entirely.

Words that do not break

Latin: Pneumonoultramicroscopicsilicovolcanoconiosisandthensomemoreletterstopushitwellpastonehundredandtwentycharacterswithoutasinglespace

Кириллица: Этодлинноесловобезпробеловикоторомунегдепереноситьсяоноспециальнонабранотакчтобыпревыситьстодвадцатьсимволовиразорватьколонку

A bare URL as text: https://example.com/very/deep/path/that/keeps/going/and/going/until/it/is/clearly/longer/than/any/column?parameter=one&another=two&third=three&fourth=four&fifth=five&sixth=six

The same URL as a link: https://example.com/very/deep/path/that/keeps/going/and/going/until/it/is/clearly/longer/than/any/column?parameter=one&another=two&third=three

Inline code with no spaces: readSensorAndApplyCalibrationOffsetThenAppendToRingBufferAndFlushWhenFullEnoughToJustifyTheWriteCycle(PROBE_PIN, OFFSET)

Averyverylongheadingwordwithnobreakopportunityatallwhichmustnotpushthepagesideways

A heading long enough to take three full lines even on a nineteen-twenty pixel screen, which is where the heading line height and the space below it stop agreeing with each other and the rhythm has to hold anyway

A twelve-column table

Ref	Part number	Description	Package	Value	Tolerance	Voltage	Qty	Supplier	Order code	Unit price	Note
U1	XL4015E1	Synchronous step-down converter	TO-263-5	5 A	—	36 V	1	LCSC	C176756	0.62	Check the heatsink pad is actually connected to the plane
C4	PLG1E471MDO1	Polymer electrolytic capacitor	8 x 10 mm	470 uF	20 %	25 V	2	Mouser	667-PLG1E471MDO1	1.44	Replaces the stock part, which is the source of the ripple
R7	WSL2512R0500FEA	Four-terminal current sense resistor	2512	0.05 R	1 %	—	1	Digi-Key	WSL2512R0500FEA-ND	1.09	Kelvin connection to the sense pins or the reading is meaningless

Twelve columns with sentence-length cells. It must scroll inside its own container rather than scrolling the page.

Five levels of nesting, each with its own surface and padding

Level one.

Level two.

Level three.

Level four.

Level five, and the padding of all five levels is now stacked between this text and the edge of the column. At 320 pixels this is where a box model that is not border-box gives up.

Six columns and a raw HTML escape hatch

One

Two

Three

Four

Five

Sixandalongunbrokenword

A raw HTML block with a hard width of 2400 pixels. Nothing in the block system can stop this: it is the escape hatch, and the only defence is a clip on the content root — which works, but silently crops whatever sticks out.

Empty blocks

Filled

Scripts and directions

Emoji with zero-width joiners: 👨‍👩‍👧‍👦 👩🏽‍🔬 🧑🏿‍🚀 🏳️‍🌈 — one grapheme each, several code points each, and a line-breaking opportunity in none of them.

An Arabic fragment, right to left: مرحبا بالعالم، هذه فقرة اختبار لمعرفة كيف يتصرف النص من اليمين إلى اليسار داخل عمود مصمم لليسار.

Hebrew: שלום עולם, זו פסקת בדיקה.

CJK, which breaks between characters rather than between words: 这是一段中文测试文本，用来检查在没有空格的情况下换行是否正常工作，以及行高是否合适。日本語のテキストもここに含めます。

Panorama — A 2400 pixel wide image at full alignment, which must scale down rather than scroll the page.

aaaaaaaaaabbbbbbbbbbccccccccccddddddddddeeeeeeeeeeffffffffffgggggggggghhhhhhhhhhiiiiiiiiiijjjjjjjjjjkkkkkkkkkkllllllllllmmmmmmmmmmnnnnnnnnnnoooooooooopppppppppp