Text blocks

Every paragraph on this page is long enough to wrap. A block that holds three words never breaks, and a page of three-word blocks proves nothing at all — the hyphenation, the leading, the way a float pushes a line and the point at which a column stops being readable all need a real measure of text before any of them show up. This one runs to at least two lines on a 1920 pixel screen and to four or more on a 375 pixel phone, which is the shape the plan asks for.

A second-level heading that runs the whole width of the column

A paragraph at the large preset. Type scale, line height and colour all come from theme.json, so if this reads differently from the body copy above, the preset is doing its job. It still needs to be long enough to wrap on a wide screen, because a single short line hides everything interesting about leading.

This paragraph is marked wide. Its left and right edges must land exactly on the edges of the theme’s own sections — the header row above it and the footer below. A wide block is the only place in the whole content area where that alignment is visible, which is why the audit measures it here rather than anywhere else.

A paragraph carrying its own background, its own text colour and padding on all four sides from the spacing scale. This is the box-model case: the padding arrives on the very element that carries the width, so without a scoped border-box the block ends up wider than the column it sits in.

Third level

Fourth level, a little longer so the size difference is legible

Fifth level

Sixth level

Below the headings: a bulleted list with two nested levels, then an ordered list that starts at five and counts down. Nesting is where list indentation and the vertical rhythm between a list and the paragraph after it usually come apart.

• A buck converter rated for the input voltage with margin — not one rated exactly at it.
• Low-ESR output capacitors. The stock parts on cheap modules are what ruin the ripple figure.
  • Polymer, 470 uF, 25 V — the usual substitution.
  • A second, smaller ceramic placed close to the load.
    • Third level, to see how far the indentation runs before it hits the column edge on a phone.
• A panel meter that reads the output rather than the input.

5. Set the current limit before connecting anything.
6. Bring the voltage up from zero, watching the meter.
7. Note the quiescent draw with no load attached.
8. Attach the load and note it again.
9. The difference is what the regulator costs you.

The datasheet number is the one measured in the manufacturer’s lab, at the manufacturer’s temperature, with the manufacturer’s layout. Yours will be worse, and the interesting question is by how much.

A quote with attribution, default style

The same block in the plain style. No rule down the side, different spacing — a different stylesheet path entirely, which is why checking one says nothing about the other.

Plain style

Preformatted text keeps its own line breaks.
    Indentation survives.
        So does the second level of it.
A long line follows, deliberately longer than any sensible column: aaaa bbbb cccc dddd eeee ffff gggg hhhh iiii jjjj kkkk llll mmmm nnnn oooo pppp qqqq rrrr

// Deep sleep, wake on the RTC, read the sensor, go back down.
void loop() {
  esp_sleep_enable_timer_wakeup(SLEEP_SECONDS * 1000000ULL);
  const float celsius = readProbe(PROBE_PIN, CALIBRATION_OFFSET_APPLIED_AT_BOOT);
  appendMeasurementToRingBufferAndFlushWhenTheBufferIsFullEnoughToBeWorthTheWrite(celsius);
  esp_deep_sleep_start();
}

Resistor, capacitor, diode —
    the three that fail first,
        and never in that order.

The regulator’s dissipation is what sets the heatsink¹, and the quiescent current is what sets the battery life². They are rarely optimised by the same part.

1. Dissipation is the input-to-output difference times the current, so a linear regulator dropping 16 V at 500 mA is an 8 W heater with a voltage output attached. ↩︎
2. Measured with the load disconnected and the sense resistor shorted, which is the only way to separate the regulator from everything downstream of it. ↩︎

A classic-editor block

Everything below this heading came through the classic block rather than through Gutenberg, so none of it carries a wp-block-* class. It is the cheapest way to find out whether the content column catches bare elements or only catches blocks.

• A bare list item
• And another

Один абзац кириллицей: перенос слов, межстрочный интервал и длина строки в кириллице ведут себя иначе, чем в латинице, и проверять надо ту письменность, на которой сайт будет работать.

A full-width heading with a background