| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <style>
- .simple-widget-container {
- margin: 10px 0;
- font-family: sans-serif;
- }
- .simple-widget-element {
- display: flex;
- }
- .simple-widget-element>fieldset {
- margin: 18px;
- width: 50%;
- border: 1px solid #ccc;
- border-radius: 4px;
- }
- .simple-widget-element>fieldset>* {
- margin: 8px 0;
- }
- .simple-widget-element>fieldset>legend {
- font-size: 13px;
- padding: 4px 16px;
- border: 1px solid #ccc;
- border-radius: 4px;
- background: #fff;
- }
- .simple-widget-element>fieldset>input {
- width: 100%;
- box-sizing: border-box;
- }
- .simple-widget-element>fieldset>button {
- padding: 4px 18px;
- }
- .simple-widget-element>fieldset>img {
- display: block;
- }
- </style>
- <div id="editor">
- <section class="simple-widget-container"></section>
- </div>
|