Zeitreise Text Styles

In ultrices dis lectus, dictumst turpis, sociis tempor, pellentesque ultrices ac elit eros ut, rhoncus odio enim nec porta etiam. Sed ac lorem hac lorem. Rhoncus. Egestas non? Augue, magnis mus enim pulvinar duis odio! Ac. Amet phasellus elementum! Massa! Ac dolor. Lorem in integer augue magna hac! Quis massa, augue et pulvinar porta. Integer habitasse hac sed purus ut magna.

You can highlight an important quote or sentence by adding it in a pull quote and wrap the text in a p tag with the CSS class of pull-left or pull-right.

Lectus phasellus urna aenean velit porttitor phasellus aenean porta lacus sagittis adipiscing in ut amet, pellentesque, vel? Vut dignissim, proin, cras diam, scelerisque aenean cras sed, pulvinar turpis? Enim in nascetur. Proin? A placerat lacus diam penatibus! Mus lorem lorem nisi vel habitasse montes! Lacus platea. Natoque sed montes. Nisi duis mus tincidunt ultrices sociis habitasse mid. Ut dis, pulvinar lorem sociis et. Rhoncus et placerat integer enim porttitor magna rhoncus! Placerat scelerisque pulvinar quis in a hac tincidunt hac turpis risus? Dictumst, in aliquet porta, odio.

You can highlight an important quote or sentence by adding it in a pull quote and wrap the text in a p tag with the CSS class of pull-left or pull-right.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Nulla quis lorem ut libero malesuada feugiat. Nulla porttitor accumsan tincidunt.

““When you set down the path to create art, whatever sort of art it is, understand that the path is neither short nor easy. That means you must determine if the route is worth the effort. If it’s not, dream bigger.”
by Seth Godin

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Proin eget tortor risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}

Of course you can also use lists:

  • Lacus dictumst mid est, hac in ac urna scelerisque mid adipiscing.
  • Integer augue aenean tortor parturient pulvinar adipiscing proin amet.
  • Magna platea habitasse mid turpis dis montes eros diam.
  • Sed elementum porttitor, pulvinar, ultricies lacus sociis auctor.

Next to unordered lists with the ul tag, of course you can also add an ordered list with the ol tag. Lists make your content more readable and it will be easier for your readers to gather the important facts.

  1. Lacus dictumst mid est, hac in ac urna scelerisque mid adipiscing.
  2. Integer augue aenean tortor parturient pulvinar adipiscing proin amet.
  3. Proin ut lacus pulvinar turpis egestas nascetur hac, ultricies, rhoncus nunc sit mauris eros dignissim tortor. Dignissim cras nisi.
  4. Magna platea habitasse mid turpis dis montes eros diam
  5. Sed elementum porttitor, pulvinar, ultricies lacus sociis auctor.
And you can also use the extra div CSS classes wide-content and fullwidth-content to show wide content areas in posts and pages:

zeitreise-slider-03

zeitreise-slider-02_mini

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *