Antidisestablishmentarianism

Title should not overflow the content area

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 plugin or widget 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;

 

Posted in <a href="https://themes.dxdemos.eu/masonry/category/edge-case-2/" rel="category tag">Edge Case</a> Tagged <a href="https://themes.dxdemos.eu/masonry/tag/content-2/" rel="tag">content</a>, <a href="https://themes.dxdemos.eu/masonry/tag/css/" rel="tag">css</a>, <a href="https://themes.dxdemos.eu/masonry/tag/edge-case/" rel="tag">edge case</a>, <a href="https://themes.dxdemos.eu/masonry/tag/html/" rel="tag">html</a>, <a href="https://themes.dxdemos.eu/masonry/tag/layout/" rel="tag">layout</a>, <a href="https://themes.dxdemos.eu/masonry/tag/title/" rel="tag">title</a> Comments Off on Antidisestablishmentarianism

This post has no title, but it still must link to the single post view somehow.

This is typically done by placing the permalink on the post date.

Posted in <a href="https://themes.dxdemos.eu/masonry/category/edge-case-2/" rel="category tag">Edge Case</a> Tagged <a href="https://themes.dxdemos.eu/masonry/tag/edge-case/" rel="tag">edge case</a>, <a href="https://themes.dxdemos.eu/masonry/tag/layout/" rel="tag">layout</a>, <a href="https://themes.dxdemos.eu/masonry/tag/title/" rel="tag">title</a> Comments Off on

Edge Case: No Content

Posted in <a href="https://themes.dxdemos.eu/masonry/category/edge-case-2/" rel="category tag">Edge Case</a> Tagged <a href="https://themes.dxdemos.eu/masonry/tag/content-2/" rel="tag">content</a>, <a href="https://themes.dxdemos.eu/masonry/tag/edge-case/" rel="tag">edge case</a>, <a href="https://themes.dxdemos.eu/masonry/tag/layout/" rel="tag">layout</a> Comments Off on Edge Case: No Content

Edge Case: Many Categories

This post has many categories.

Posted in <a href="https://themes.dxdemos.eu/masonry/category/aciform/" rel="category tag">aciform</a>, <a href="https://themes.dxdemos.eu/masonry/category/antiquarianism/" rel="category tag">antiquarianism</a>, <a href="https://themes.dxdemos.eu/masonry/category/arrangement/" rel="category tag">arrangement</a>, <a href="https://themes.dxdemos.eu/masonry/category/asmodeus/" rel="category tag">asmodeus</a>, <a href="https://themes.dxdemos.eu/masonry/category/broder/" rel="category tag">broder</a>, <a href="https://themes.dxdemos.eu/masonry/category/buying/" rel="category tag">buying</a>, <a href="https://themes.dxdemos.eu/masonry/category/cat-a/" rel="category tag">Cat A</a>, <a href="https://themes.dxdemos.eu/masonry/category/cat-b/" rel="category tag">Cat B</a>, <a href="https://themes.dxdemos.eu/masonry/category/cat-c/" rel="category tag">Cat C</a>, <a href="https://themes.dxdemos.eu/masonry/category/championship/" rel="category tag">championship</a>, <a href="https://themes.dxdemos.eu/masonry/category/chastening/" rel="category tag">chastening</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent/child-1/" rel="category tag">Child 1</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent/child-1/child-2/" rel="category tag">Child 2</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent-category/child-category-01/" rel="category tag">Child Category 01</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent-category/child-category-02/" rel="category tag">Child Category 02</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent-category/child-category-03/" rel="category tag">Child Category 03</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent-category/child-category-04/" rel="category tag">Child Category 04</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent-category/child-category-05/" rel="category tag">Child Category 05</a>, <a href="https://themes.dxdemos.eu/masonry/category/clerkship/" rel="category tag">clerkship</a>, <a href="https://themes.dxdemos.eu/masonry/category/disinclination/" rel="category tag">disinclination</a>, <a href="https://themes.dxdemos.eu/masonry/category/disinfection/" rel="category tag">disinfection</a>, <a href="https://themes.dxdemos.eu/masonry/category/dispatch/" rel="category tag">dispatch</a>, <a href="https://themes.dxdemos.eu/masonry/category/echappee/" rel="category tag">echappee</a>, <a href="https://themes.dxdemos.eu/masonry/category/edge-case-2/" rel="category tag">Edge Case</a>, <a href="https://themes.dxdemos.eu/masonry/category/enphagy/" rel="category tag">enphagy</a>, <a href="https://themes.dxdemos.eu/masonry/category/equipollent/" rel="category tag">equipollent</a>, <a href="https://themes.dxdemos.eu/masonry/category/fatuity/" rel="category tag">fatuity</a>, <a href="https://themes.dxdemos.eu/masonry/category/foo-a/" rel="category tag">Foo A</a>, <a href="https://themes.dxdemos.eu/masonry/category/foo-parent/foo-a-foo-parent/" rel="category tag">Foo A</a>, <a href="https://themes.dxdemos.eu/masonry/category/foo-parent/" rel="category tag">Foo Parent</a>, <a href="https://themes.dxdemos.eu/masonry/category/gaberlunzie/" rel="category tag">gaberlunzie</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent-category/child-category-03/grandchild-category/" rel="category tag">Grandchild Category</a>, <a href="https://themes.dxdemos.eu/masonry/category/illtempered/" rel="category tag">illtempered</a>, <a href="https://themes.dxdemos.eu/masonry/category/insubordination/" rel="category tag">insubordination</a>, <a href="https://themes.dxdemos.eu/masonry/category/lender/" rel="category tag">lender</a>, <a href="https://themes.dxdemos.eu/masonry/category/markup/" rel="category tag">Markup</a>, <a href="https://themes.dxdemos.eu/masonry/category/media-2/" rel="category tag">Media</a>, <a href="https://themes.dxdemos.eu/masonry/category/monosyllable/" rel="category tag">monosyllable</a>, <a href="https://themes.dxdemos.eu/masonry/category/packthread/" rel="category tag">packthread</a>, <a href="https://themes.dxdemos.eu/masonry/category/palter/" rel="category tag">palter</a>, <a href="https://themes.dxdemos.eu/masonry/category/papilionaceous/" rel="category tag">papilionaceous</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent/" rel="category tag">Parent</a>, <a href="https://themes.dxdemos.eu/masonry/category/parent-category/" rel="category tag">Parent Category</a>, <a href="https://themes.dxdemos.eu/masonry/category/personable/" rel="category tag">personable</a>, <a href="https://themes.dxdemos.eu/masonry/category/post-formats/" rel="category tag">Post Formats</a>, <a href="https://themes.dxdemos.eu/masonry/category/propylaeum/" rel="category tag">propylaeum</a>, <a href="https://themes.dxdemos.eu/masonry/category/pustule/" rel="category tag">pustule</a>, <a href="https://themes.dxdemos.eu/masonry/category/quartern/" rel="category tag">quartern</a>, <a href="https://themes.dxdemos.eu/masonry/category/scholarship/" rel="category tag">scholarship</a>, <a href="https://themes.dxdemos.eu/masonry/category/selfconvicted/" rel="category tag">selfconvicted</a>, <a href="https://themes.dxdemos.eu/masonry/category/showshoe/" rel="category tag">showshoe</a>, <a href="https://themes.dxdemos.eu/masonry/category/sloyd/" rel="category tag">sloyd</a>, <a href="https://themes.dxdemos.eu/masonry/category/aciform/sub/" rel="category tag">sub</a>, <a href="https://themes.dxdemos.eu/masonry/category/sublunary/" rel="category tag">sublunary</a>, <a href="https://themes.dxdemos.eu/masonry/category/tamtam/" rel="category tag">tamtam</a>, <a href="https://themes.dxdemos.eu/masonry/category/unpublished/" rel="category tag">Unpublished</a>, <a href="https://themes.dxdemos.eu/masonry/category/weakhearted/" rel="category tag">weakhearted</a>, <a href="https://themes.dxdemos.eu/masonry/category/ween/" rel="category tag">ween</a>, <a href="https://themes.dxdemos.eu/masonry/category/wellhead/" rel="category tag">wellhead</a>, <a href="https://themes.dxdemos.eu/masonry/category/wellintentioned/" rel="category tag">wellintentioned</a>, <a href="https://themes.dxdemos.eu/masonry/category/whetstone/" rel="category tag">whetstone</a>, <a href="https://themes.dxdemos.eu/masonry/category/years/" rel="category tag">years</a> Tagged <a href="https://themes.dxdemos.eu/masonry/tag/categories/" rel="tag">categories</a>, <a href="https://themes.dxdemos.eu/masonry/tag/edge-case/" rel="tag">edge case</a> Comments Off on Edge Case: Many Categories

Edge Case: Many Tags

This post has many tags.

Posted in <a href="https://themes.dxdemos.eu/masonry/category/edge-case-2/" rel="category tag">Edge Case</a> Tagged <a href="https://themes.dxdemos.eu/masonry/tag/8bit/" rel="tag">8BIT</a>, <a href="https://themes.dxdemos.eu/masonry/tag/alignment-2/" rel="tag">alignment</a>, <a href="https://themes.dxdemos.eu/masonry/tag/articles/" rel="tag">Articles</a>, <a href="https://themes.dxdemos.eu/masonry/tag/captions-2/" rel="tag">captions</a>, <a href="https://themes.dxdemos.eu/masonry/tag/categories/" rel="tag">categories</a>, <a href="https://themes.dxdemos.eu/masonry/tag/chat/" rel="tag">chat</a>, <a href="https://themes.dxdemos.eu/masonry/tag/codex/" rel="tag">Codex</a>, <a href="https://themes.dxdemos.eu/masonry/tag/comments-2/" rel="tag">comments</a>, <a href="https://themes.dxdemos.eu/masonry/tag/content-2/" rel="tag">content</a>, <a href="https://themes.dxdemos.eu/masonry/tag/css/" rel="tag">css</a>, <a href="https://themes.dxdemos.eu/masonry/tag/dowork/" rel="tag">dowork</a>, <a href="https://themes.dxdemos.eu/masonry/tag/edge-case/" rel="tag">edge case</a>, <a href="https://themes.dxdemos.eu/masonry/tag/embeds-2/" rel="tag">embeds</a>, <a href="https://themes.dxdemos.eu/masonry/tag/excerpt-2/" rel="tag">excerpt</a>, <a href="https://themes.dxdemos.eu/masonry/tag/fail/" rel="tag">Fail</a>, <a href="https://themes.dxdemos.eu/masonry/tag/featured-image/" rel="tag">featured image</a>, <a href="https://themes.dxdemos.eu/masonry/tag/ftw/" rel="tag">FTW</a>, <a href="https://themes.dxdemos.eu/masonry/tag/fun/" rel="tag">Fun</a>, <a href="https://themes.dxdemos.eu/masonry/tag/gallery/" rel="tag">gallery</a>, <a href="https://themes.dxdemos.eu/masonry/tag/html/" rel="tag">html</a>, <a href="https://themes.dxdemos.eu/masonry/tag/image/" rel="tag">image</a>, <a href="https://themes.dxdemos.eu/masonry/tag/jetpack-2/" rel="tag">jetpack</a>, <a href="https://themes.dxdemos.eu/masonry/tag/layout/" rel="tag">layout</a>, <a href="https://themes.dxdemos.eu/masonry/tag/link/" rel="tag">link</a>, <a href="https://themes.dxdemos.eu/masonry/tag/love/" rel="tag">Love</a>, <a href="https://themes.dxdemos.eu/masonry/tag/markup-2/" rel="tag">markup</a>, <a href="https://themes.dxdemos.eu/masonry/tag/mothership/" rel="tag">Mothership</a>, <a href="https://themes.dxdemos.eu/masonry/tag/mustread/" rel="tag">Must Read</a>, <a href="https://themes.dxdemos.eu/masonry/tag/nailedit/" rel="tag">Nailed It</a>, <a href="https://themes.dxdemos.eu/masonry/tag/pictures/" rel="tag">Pictures</a>, <a href="https://themes.dxdemos.eu/masonry/tag/post-formats/" rel="tag">Post Formats</a>, <a href="https://themes.dxdemos.eu/masonry/tag/quote/" rel="tag">quote</a>, <a href="https://themes.dxdemos.eu/masonry/tag/shortcode/" rel="tag">shortcode</a>, <a href="https://themes.dxdemos.eu/masonry/tag/standard-2/" rel="tag">standard</a>, <a href="https://themes.dxdemos.eu/masonry/tag/success/" rel="tag">Success</a>, <a href="https://themes.dxdemos.eu/masonry/tag/swagger/" rel="tag">Swagger</a>, <a href="https://themes.dxdemos.eu/masonry/tag/tags/" rel="tag">Tags</a>, <a href="https://themes.dxdemos.eu/masonry/tag/template/" rel="tag">template</a>, <a href="https://themes.dxdemos.eu/masonry/tag/title/" rel="tag">title</a>, <a href="https://themes.dxdemos.eu/masonry/tag/twitter-2/" rel="tag">twitter</a>, <a href="https://themes.dxdemos.eu/masonry/tag/unseen/" rel="tag">Unseen</a>, <a href="https://themes.dxdemos.eu/masonry/tag/video/" rel="tag">video</a>, <a href="https://themes.dxdemos.eu/masonry/tag/videopress/" rel="tag">videopress</a>, <a href="https://themes.dxdemos.eu/masonry/tag/wordpress/" rel="tag">WordPress</a>, <a href="https://themes.dxdemos.eu/masonry/tag/wordpress-tv/" rel="tag">wordpress.tv</a> Comments Off on Edge Case: Many Tags

Edge Case: Nested And Mixed Lists

Nested and mixed lists are an interesting beast. It’s a corner case to make sure that

  • Lists within lists do not break the ordered list numbering order
  • Your list styles go deep enough.

Ordered – Unordered – Ordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  3. ordered item
  4. ordered item

Ordered – Unordered – Unordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      • unordered item
      • unordered item
  3. ordered item
  4. ordered item

Unordered – Ordered – Unordered

  • unordered item
  • unordered item
    1. ordered
    2. ordered
      • unordered item
      • unordered item
  • unordered item
  • unordered item

Unordered – Unordered – Ordered

  • unordered item
  • unordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  • unordered item
  • unordered item
Posted in <a href="https://themes.dxdemos.eu/masonry/category/edge-case-2/" rel="category tag">Edge Case</a> Tagged <a href="https://themes.dxdemos.eu/masonry/tag/content-2/" rel="tag">content</a>, <a href="https://themes.dxdemos.eu/masonry/tag/css/" rel="tag">css</a>, <a href="https://themes.dxdemos.eu/masonry/tag/edge-case/" rel="tag">edge case</a>, <a href="https://themes.dxdemos.eu/masonry/tag/lists-2/" rel="tag">lists</a>, <a href="https://themes.dxdemos.eu/masonry/tag/markup-2/" rel="tag">markup</a> Comments Off on Edge Case: Nested And Mixed Lists