Text Padder pads text to an exact Unicode code-point length from 0 through 1,000,000 on the left, right, or both sides, which is exactly what you need to fill a Canva text box with content that reaches a predictable character count. Inside Canva, adding a text box is straightforward: pick a design, open the Text panel, choose a preset style such as heading, subheading, or body text, or drag inside the canvas to draw a custom-width box, then type or paste content. The harder part is making that content land at a specific length without manual counting, trimming, or trial-and-error. A repeating padding pattern such as "0", "*-*", or "—" lets you reach any target code-point length in one pass, locally in your browser, with no upload step. The output stays previewable in the editor before you copy it into Canva, and a one-click TXT download is available when you need to save the padded string. Length is counted in Unicode code points, so a single emoji such as ✅ counts as one rather than two, which matters for mockups that include emoji, accents, or non-Latin scripts.
Why fixed-length content helps Canva designs
Fixed-width text inside a Canva text box looks cleaner because line breaks and visual alignment stay predictable. When you design product mockups, banner layouts, social-media posts, or wireframes, placeholders often need to match a strict column or row width. Padding a short label such as "SKU-123" with a repeating pattern produces a string that fills the box, demonstrates word-wrap behavior, and shows how the chosen font handles the exact characters used.
For a receipt-header mockup, padding "TOTAL" to 30 characters with the pattern "—" creates a clean underline effect inside Canva. For a button or label demo, padding "BUY" to 12 characters with "·" on both sides mimics a balanced separator. The repeated character also exposes font-rendering quirks early, before you commit to a final layout. When you need full Latin-looking filler rather than a padded real string, the approach described in how to generate Lorem Ipsum in Canva for faster mockups pairs well with padding — Lorem Ipsum covers prose, while padding covers fixed-width fields and counters.
Add a text box in Canva step by step
- Open Canva and pick a template or create a custom design with the size you need.
- Click the Text tab in the left sidebar to see preset styles such as Add a heading, Add a subheading, and Add a little bit of body text.
- Click any preset to drop a text box at default dimensions, or press and drag inside the canvas to draw a custom-width text box.
- Click inside the new box and paste your padded content, or type directly.
- Use the toolbar above the box to choose a font, size, color, alignment, and letter spacing.
- Drag the box handles to resize; Canva keeps the text inside until you change the size or font yourself.
The result is a text box containing your padded string, ready for screenshot, export, or further editing. If the string is too long for the visual width of the box, Canva wraps it according to the font and size you chose, which is why predicting the code-point count first saves rework.
Pad text to an exact length with Text Padder
For predictable widths, use Text Padder to build the content before pasting it into Canva. The three-step workflow runs entirely in the browser, with no network request and no upload.
- Enter the source text and the exact target length in Unicode code points. The target must be a non-negative whole number from 0 to 1,000,000.
- Type a nonempty padding pattern and choose left, right, or both sides.
- Pad the text, verify the reported length and preview, then download the TXT result.
Worked example: padding "cat" from length 3 to length 8 with the pattern "-_" on both sides. The missing length is 8 − 3 = 5 code points. Left receives the smaller share when the count is odd, so left gets 2 and right gets 3. The pattern "-_" repeats as "-_-_-_" and is truncated exactly at each side, producing "-_" on the left and "-_-" on the right. Final string: -_cat-_-, which is exactly 8 code points long. Paste that into a Canva text box and you have a predictable, repeatable filler for mockups and aligned labels.
How the padding rules work
| Side | Typical use case | Behavior |
|---|---|---|
| Right | Right-aligned numbers, ID prefixes, underline effects | Source stays at the beginning; the pattern is appended after it |
| Left | Zero-padded counters, fixed-format codes, leading separators | The pattern is added before the source |
| Both | Borders, balanced separators, button text mockups | Missing length split evenly; the odd remainder goes to the right |
The padding pattern can be one code point or many. It repeats from its first character as often as needed and is truncated exactly at the target, so no extra complete pattern is appended beyond the requested length. Patterns such as "0", "*-*", "·", or even a single emoji like "—" are valid because they are ordinary visitor-supplied text. If the source is already at or beyond the target, Text Padder returns it unchanged — the tool never truncates to force a shorter result, so set a larger target when padding is required. A zero target is valid but leaves nonempty source text unchanged under the same no-truncation rule.
Code points, glyphs, and what Canva actually sees
A code point is a single entry in the Unicode table. JavaScript counts string length by iterating code points rather than UTF-16 code units, which is why most emoji count as one in Text Padder. A combining mark, however, still counts separately from its base character, and a multi-code-point emoji sequence such as a flag can count as several. The code-point model is stated explicitly so it is not confused with visual glyphs, bytes, words, or grapheme clusters.
This matters inside Canva because the font and layout engine measure visual glyphs, not code points. East Asian wide characters, emoji, tabs, combining sequences, and proportional fonts can occupy widths that do not match their code-point count. Padding to a code-point target is therefore a strong text-length guarantee, not a pixel-width guarantee. Do not treat the output as byte padding for a binary protocol, database column, cryptographic block, or encoded file. UTF-8 characters use different byte counts, and a code-point target does not guarantee a byte target. When a specification defines storage length rather than text length, use a format-aware byte utility instead. For deeper documentation on how code points are iterated, see the MDN reference for the String iterator.
Common Canva use cases for padded text
- Fixed-width product codes — pad "A1" to 10 characters with "0" on the left to mimic a SKU column layout.
- Table mockups — pad short labels with " | " on the right to demonstrate column alignment inside a Canva text box.
- Button and label demos — pad "OK" or "BUY" with "·" on both sides to show balanced button text.
- Receipt and invoice mockups — pad "TOTAL" with "—" on the right to produce a clean line effect.
- Banner placeholders — pad a single short word with a space on the right to reach a target length for headline demos.
- Test fixtures for screenshots — generate predictable-length strings so repeated runs always produce the same canvas layout.
In each case, paste the padded string into the Canva text box, then resize the box to match the visual width you want. Re-run the padding step whenever the source changes, because the same accepted source, target, pattern, and side always produce the same string. The download button creates a temporary Blob URL only when clicked, starts the browser download, and schedules immediate revocation, leaving the original text in the editor for comparison. If you change any field, the previous result clears so an old preview cannot be mistaken for new settings — review whitespace-sensitive output carefully before replacing source material, because visually subtle padding is still real text.
For a deeper look, see How to Make a Repeating Text Pattern in Canva.