Title: Fit To Width – CSS-only stretchy text
Author: Kevin Batdorf
Published: <strong>Август 25, 2025-ж.</strong>
Last modified: Апрель 12, 2026-ж.

---

Плагиндерди издөө

![](https://ps.w.org/fit-to-width/assets/icon-256x256.png?rev=3349427)

# Fit To Width – CSS-only stretchy text

 Автору [Kevin Batdorf](https://profiles.wordpress.org/kbat82/)

[Жүктөө](https://downloads.wordpress.org/plugin/fit-to-width.0.2.0.zip)

 * [Кенен маалымат](https://kir.wordpress.org/plugins/fit-to-width/#description)
 * [Сын-пикирлер](https://kir.wordpress.org/plugins/fit-to-width/#reviews)
 *  [Орнотуу](https://kir.wordpress.org/plugins/fit-to-width/#installation)
 * [Development](https://kir.wordpress.org/plugins/fit-to-width/#developers)

 [Колдоо](https://wordpress.org/support/plugin/fit-to-width/)

## Сүрөттөө

A simple, lightweight block for displaying each line of text at full width, no matter
the length of the text. No JavaScript.

Star the project on GitHub: [https://github.com/kevinbatdorf/fit-to-width](https://github.com/kevinbatdorf/fit-to-width)

_Note_: if you are installing it for the first time from the Block Inserter, WordPress
has a bug where it doesn’t load block styles into the iFrame, so you will need to
refresh.

## Скриншоттор

[⌊An example of the text next to a cool dog⌉⌊An example of the text next to a cool
dog⌉[

An example of the text next to a cool dog

## Блоктор

This plugin provides 1 block.

 *   Fit To Width A text block where each line is automatically full width.

## Орнотуу

 1. Upload the plugin files to the `/wp-content/plugins/fit-to-width` directory, or
    install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## FAQ.KG

### What about browser support?

See here [https://caniuse.com/mdn-css_at-rules_property](https://caniuse.com/mdn-css_at-rules_property)

### How did you do it?

For a detailed explanation of how this works, see [https://kizu.dev/fit-to-width](https://kizu.dev/fit-to-width).

### Is it accessible?

I guess that depends on your perspective and legal requirements. First thing I’ll
say is that this technique outshines the alternatives, and those alternatives also
suffer from the same caveat:

It won’t pass [Success Criterion 1.4.4 Resize Text](https://w3c.github.io/wcag/guidelines/#resize-text)
when the zoom is dependent on the viewport.

I’m by no means an expert on this, so if you’re interested in the topic, there’s
a good discussion on this GitHub issue: [Feature for making text always fit the width of its parent](https://github.com/w3c/csswg-drafts/issues/2528)
that I recommend reading.

There are arguments that if you maintain a width legible enough then zooming may
not be an issue. My advice, however, is that you make sure that your text is able
to zoom in up to 2em in size for all screen widths (press cmd/ctrl +/- to test).

## Сын-пикирлер

There are no reviews for this plugin.

## Contributors & Developers

“Fit To Width – CSS-only stretchy text” is open source software. The following people
have contributed to this plugin.

Мүчөлөрү

 *   [ Kevin Batdorf ](https://profiles.wordpress.org/kbat82/)

[Translate “Fit To Width – CSS-only stretchy text” into your language.](https://translate.wordpress.org/projects/wp-plugins/fit-to-width)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/fit-to-width/), check
out the [SVN repository](https://plugins.svn.wordpress.org/fit-to-width/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/fit-to-width/) by
[RSS](https://plugins.trac.wordpress.org/log/fit-to-width/?limit=100&mode=stop_on_copy&format=rss).

## Өзгөртүүлөр

#### 0.2.0 – 2026-04-12

 * Modernize tooling: Biome, Playwright + WP Playground, updated deps.
 * Update CI workflows to use node lts/*.
 * Tested up to WordPress 7.0.

#### 0.1.0

 * Initial Release

## Мета

 *  Нуска **0.2.0**
 *  Акыркы жаңыртуу **3 ай мурун**
 *  Активдүү орнотуулар **30+**
 *  WordPress нускасы ** 6.7 же андан жогору **
 *  Tested up to **7.0**
 *  PHP нускасы ** 7.4 же андан жогору **
 *  Тил
 * [English (US)](https://wordpress.org/plugins/fit-to-width/)
 * Тег:
 * [block](https://kir.wordpress.org/plugins/tags/block/)[creative](https://kir.wordpress.org/plugins/tags/creative/)
   [responsive text](https://kir.wordpress.org/plugins/tags/responsive-text/)[typography](https://kir.wordpress.org/plugins/tags/typography/)
 *  [Advanced View](https://kir.wordpress.org/plugins/fit-to-width/advanced/)

## Рейтинг

Азырынча эч кандай сын-пикир жок.

[Your review](https://wordpress.org/support/plugin/fit-to-width/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/fit-to-width/reviews/)

## Мүчөлөрү

 *   [ Kevin Batdorf ](https://profiles.wordpress.org/kbat82/)

## Колдоо

Комментарийлер барбы? Жардам керекпи?

 [Колдоо форумун көрүү](https://wordpress.org/support/plugin/fit-to-width/)