| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <style>
- .simple-widget-container {
- margin: 1em 0;
- font-family: sans-serif;
- }
- .simple-widget-element {
- display: flex;
- height: 14em;
- }
- .simple-widget-element>fieldset {
- display: flex;
- align-items: center;
- margin: 3em;
- width: 50%;
- border: 1px solid #ddd;
- border-radius: 4px;
- }
- .simple-widget-element>fieldset>legend {
- font-size: 0.85em;
- padding: .2em 2em;
- border: 1px solid #ddd;
- border-radius: 4px;
- background: #fff;
- }
- .simple-widget-element>fieldset>input {
- flex: 1;
- margin: 1em 1em 1em 0;
- }
- .simple-widget-element>fieldset>button {
- padding: .2em 3em;
- }
- </style>
- <div id="editor">
- <section class="simple-widget-container" />
- </div>
|