indent-block.html 809 B

1234567891011121314151617181920212223242526272829303132333435
  1. <head>
  2. <style>
  3. body {
  4. max-width: 800px;
  5. margin: 20px auto;
  6. }
  7. </style>
  8. </head>
  9. <div id="editor">
  10. <h2>Heading 1</h2>
  11. <p style="margin-left:1.5em;">Paragraph indented 1.5em</p>
  12. <p style="margin-left:30px;">Paragraph indented 30px</p>
  13. <p style="margin:0 0 0 40px;">Paragraph indented with margin: 0 0 0 40px</p>
  14. <p><strong>Bold</strong> <i>Italic</i> <a href="https://ckeditor.com">Link</a></p>
  15. <ul>
  16. <li>UL List item 1</li>
  17. <li>UL List item 2</li>
  18. </ul>
  19. <ol>
  20. <li>OL List item 1</li>
  21. <li>OL List item 2</li>
  22. </ol>
  23. <figure class="image image-style-side">
  24. <img alt="bar" src="sample.jpg">
  25. <figcaption>Caption</figcaption>
  26. </figure>
  27. <blockquote>
  28. <p>Quote</p>
  29. <ul>
  30. <li>Quoted UL List item 1</li>
  31. <li>Quoted UL List item 2</li>
  32. </ul>
  33. <p>Quote</p>
  34. </blockquote>
  35. </div>