Markup: Image Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur lobortis varius pellentesque. Vivamus sit amet tellus porta, bibendum justo ac, vestibulum sapien. Integer vel velit at risus pharetra dignissim id sed lacus. Donec lectus orci, fermentum ac volutpat et, semper a sapien. In fringilla gravida dignissim. Praesent sed mauris id mi venenatis accumsan. Curabitur vulputate massa at velit pharetra tristique nec vel diam.
Continue reading


Post Format: Image (Caption)

Maecenas non velit nulla. Nunc ullamcorper neque id rhoncus dignissim. Nunc commodo a erat ac tincidunt. Duis vulputate mi eget nunc adipiscing pulvinar. Duis rhoncus ligula a ornare convallis. Proin rhoncus elit at velit semper, vitae lobortis tellus blandit. Pellentesque condimentum id nisi ut iaculis. Vivamus quis lectus et orci blandit commodo at at nisl. Pellentesque vehicula interdum odio, ac suscipit risus faucibus vitae. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum tempor nec dui ut adipiscing.

Fusce adipiscing varius tellus at viverra. Aenean ullamcorper volutpat ipsum, ut venenatis ante rhoncus a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum sapien vel augue volutpat, sed elementum odio aliquet. Fusce adipiscing erat magna, in condimentum tortor elementum ut. Nulla id tincidunt felis, nec rhoncus risus. Fusce aliquet dictum orci, quis dignissim felis fringilla ac. Donec cursus nulla sit amet urna vehicula lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin condimentum nibh risus, vitae pulvinar purus luctus vitae.
Continue reading


Edge Case

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: Text Alignment

This is a paragraph. It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love. Completely neutral and not picking a side or sitting on the fence. It just is. It just freaking is. It likes where it is. It does not feel compelled to pick a side. Leave him be. It will just be better that way. Trust me.

Continue reading


Markup: Title With Markup

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