image-style.html 655 B

123456789101112131415
  1. <div id="snippet-image-style">
  2. <p>This is a full-width image (default style):</p>
  3. <figure class="image">
  4. <img src="%BASE_PATH%/assets/img/fields.jpg" alt="Autumn fields">
  5. </figure>
  6. <p>This is a side image:</p>
  7. <figure class="image image-style-side">
  8. <img src="%BASE_PATH%/assets/img/fields.jpg" alt="Autumn fields">
  9. </figure>
  10. <p>Lots of text here. Quite a lot of text, indeed. In fact, there is plenty of text beside this image and it forms a whole long paragraph. This whole lot of text is here to help you see the image's alignment in context. It serves no other purpose, though. But we still find it useful and plain like it.</p>
  11. </div>