30 lines
857 B
HTML
30 lines
857 B
HTML
<p>
|
|
Anything can be captioned. Also captions are not real, correct captions but just a paragraph below the element (bothe wrapped into a div)
|
|
</p>
|
|
<figure>
|
|
<div class="highlight">
|
|
<pre>
|
|
echo "i have a caption!"
|
|
</pre>
|
|
</div>
|
|
<figcaption>
|
|
captioned soure block
|
|
</figcaption>
|
|
</figure>
|
|
<figure>
|
|
<img src="https://placekitten.com/200/200#.png" alt="https://placekitten.com/200/200#.png" title="https://placekitten.com/200/200#.png" /><figcaption>
|
|
captioned link (image in this case)
|
|
</figcaption>
|
|
</figure>
|
|
<p>
|
|
note that the whole paragraph is captioned, so a linebreak is needed for images to caption correctly
|
|
</p>
|
|
<figure>
|
|
<p>
|
|
<img src="https://placekitten.com/200/200#.png" alt="https://placekitten.com/200/200#.png" title="https://placekitten.com/200/200#.png" />
|
|
see?
|
|
</p>
|
|
<figcaption>
|
|
captioned link (image in this case)
|
|
</figcaption>
|
|
</figure>
|