More
Home Edge Cases Layout Markup Post Formats About

Lopado­temacho­selacho­galeo­kranio­leipsano­drim­hypo­trimmato­silphio­karabo­melito­katakechy­meno­kichl­epi­kossypho­phatto­perister­alektryon­opte­kephallio­kigklo­peleio­lagoio­siraio­baphe­tragano­pterygon

05 October 2009
wu-mng

This post has a very long word for a title.

A few things to check for:

  • Non-breaking text in the title, content, and comments should have no adverse effects on layout or functionality.
  • Check the browser window / tab title.
  • If you are a theme developer, check that this text does not break anything.

The following CSS properties will help you support non-breaking text.

-ms-word-wrap: break-word;
word-wrap: break-word;

If the text is inside a flex container, you might also need to use this property:

.flex-container {
  min-width: 0;  
}
content css edge case html layout title

You might also like:


Title with Markdown

css

html

title

HTML Tags and Markdown Formatting

content

css

html

Edge Case No Yaml Title

edge case

layout

title

🄯 wu-mng 2026