custom-indent-block-classes.html 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. <style>
  2. .custom-block-indent-a {
  3. margin-left: 10%;
  4. }
  5. .custom-block-indent-b {
  6. margin-left: 20%;
  7. }
  8. .custom-block-indent-c {
  9. margin-left: 30%;
  10. }
  11. .custom-block-indent-d {
  12. margin-left: 40%;
  13. }
  14. .custom-block-indent-e {
  15. margin-left: 50%;
  16. }
  17. </style>
  18. <div id="snippet-indent-block-classes">
  19. <h2 class="custom-block-indent-b">
  20. This heading has second indentation class set.
  21. </h2>
  22. <p>
  23. This paragraph has no indentation.<br>
  24. Cookie chupa chups marshmallow jelly beans. Bear claw chocolate bar chupa chups oat cake caramels chupa chups oat cake marzipan. Candy chupa chups chocolate. Cake soufflé candy canes fruitcake jelly-o oat cake. Macaroon tootsie roll candy marzipan sesame snaps cupcake wafer gingerbread. Oat cake cake cake sesame snaps pastry halvah.
  25. </p>
  26. <p class="custom-block-indent-e">
  27. This paragraph has fifth (last) indentation class set.<br>
  28. Cookie chupa chups marshmallow jelly beans. Bear claw chocolate bar chupa chups oat cake caramels chupa chups oat cake marzipan. Candy chupa chups chocolate. Cake soufflé candy canes fruitcake jelly-o oat cake. Macaroon tootsie roll candy marzipan sesame snaps cupcake wafer gingerbread. Oat cake cake cake sesame snaps pastry halvah.
  29. </p>
  30. </div>