| 12345678910111213141516171819202122232425262728293031323334353637383940414243 |
- <style>
- .info-box {
- border: 1px solid hsl(0, 0%, 80%);
- padding: 1em;
- background: hsl(0, 0%, 45%);
- }
- .info-box-warning {
- background: hsl(64, 74%, 85%);
- }
- .info-box-info {
- background: hsl(205, 100%, 90%);
- }
- .info-box-title {
- margin-bottom: 1em;
- font-weight: bold;
- color: inherit;
- }
- .info-box-content {
- padding: 0 1em;
- background: hsl(0, 0%, 100%);
- }
- </style>
- <div id="editor-custom-element-converter">
- <p>Info:</p>
- <div class="info-box info-box-info">
- <div class="info-box-title">Info</div>
- <div class="info-box-content">
- <p>Editable content of the <strong>info box</strong>.</p>
- </div>
- </div>
- <p>Warning:</p>
- <div class="info-box info-box-warning">
- <div class="info-box-title">Warning</div>
- <div class="info-box-content">
- <p>Editable content of the <strong>info box</strong>.</p>
- </div>
- </div>
- </div>
|