Tag: html

Edge Case

silkalns

Super/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt

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;

 

Markup: Title With Markup

silkalns

Sed scelerisque ornare tortor at pellentesque. Curabitur commodo magna eget magna posuere, non suscipit turpis aliquet. Aenean cursus mollis magna eget semper. Nullam vel lorem nisl. Integer sollicitudin malesuada scelerisque. Duis condimentum neque laoreet, porttitor felis non, ultricies dolor. Mauris quis ipsum quis libero dictum tempor at et eros. Etiam lacinia vel dui eget dapibus. Morbi in purus dignissim, sagittis odio fermentum, euismod mauris.
Continue reading

Title should not overflow the content area

colorlibdemo

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;