Create a beautiful sub-header, like this one.
<h2>Create a beautiful sub-header.</h2>
Grab your reader‘s attention with a special note.
<span class="note">Important information goes here.</span>
You can embed nice, big pullquotes. These work best for shorter lines.
<blockquote>An inspiring line someone said.</blockquote>
For lengthy quotes, share the whole paragraph.
<blockquote class="longform">A world-changing passage.</blockquote>
Now, images smaller than
660px will have text wrap around it. Images larger than
660px will be as wide as the text column. If you wrap your image in
<figure>, readers can click-to-enlarge your image to
<figure><img src="noah_is_a_troll.jpg" /></figure>
Bonus: you can add captions to your images as well with
<figure><img src="noah_is_a_troll.jpg" /><figcaption>Noah is the troll.</figcaption></figure>
If you have a tiny (smaller than
660px) image, you can float it right.
<img src="rework.jpg" align="right" />
<img src="rework.jpg" align="left" />