@snap[north-west span-40]
@snapend
@snap[east span-70]
<strong>This is important</strong>
<em>This is emphasised</em>
@snapend
@snap[north-west span-40]
No semantic value
@snapend
@snap[east span-70]
<b>This is bold</b>
<i>This is italic</i>
@snapend
@snap[north-west span-40]
Like a div for text
@snapend
@snap[east span-70]
<span>This text has an element around it</span>
@snapend
@snap[north-west span-40]
@snapend
@snap[east span-70]
<sup>This is small and raised</sup>
<sub>This is small and lowered</sub>
@snapend
@snap[north-west span-40]
Any date or/and time
@snapend
@snap[east span-70]
<time datetime="2020-07-21">21st July</time>
@snapend
@snap[north-west span-40]
@snapend
@snap[east span-70]
<q>Someone said this</q>
@snapend
Note: Explain what inline means as we've seen blockquote
@snap[north-west span-40]
@snapend
@snap[east span-70]
<code>Inline</code>
<pre><code>
A block of code
</code></pre>
@snapend