1.html 686 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <style>
  2. .simple-widget-container {
  3. margin: 1em 0;
  4. font-family: sans-serif;
  5. }
  6. .simple-widget-element {
  7. display: flex;
  8. height: 14em;
  9. }
  10. .simple-widget-element>fieldset {
  11. display: flex;
  12. align-items: center;
  13. margin: 3em;
  14. width: 50%;
  15. border: 1px solid #ddd;
  16. border-radius: 4px;
  17. }
  18. .simple-widget-element>fieldset>legend {
  19. font-size: 0.85em;
  20. padding: .2em 2em;
  21. border: 1px solid #ddd;
  22. border-radius: 4px;
  23. background: #fff;
  24. }
  25. .simple-widget-element>fieldset>input {
  26. flex: 1;
  27. margin: 1em 1em 1em 0;
  28. }
  29. .simple-widget-element>fieldset>button {
  30. padding: .2em 3em;
  31. }
  32. </style>
  33. <div id="editor">
  34. <section class="simple-widget-container" />
  35. </div>