| <!DOCTYPE html> |
| <meta charset="utf8"> |
| <html> |
| <head> |
| <style> |
| body, html { |
| font-family: "Helvetica"; |
| } |
| </style> |
| </head> |
| <body contenteditable> |
| <div> |
| <div> |
| <span id="one" style="font-size: 48px; font-weight: bold; color: rgb(227, 36, 0); background-color: rgb(255, 199, 119); text-decoration: line-through;">One</span><span id="two" style="caret-color: rgb(102, 157, 52); color: rgb(102, 157, 52); background-color: rgb(255, 197, 171); text-decoration: underline; font-weight: bold; font-size: 48px; text-shadow: rgba(0, 0, 0, 0.470588) 0px 0px 5px;">Two</span> |
| </div> |
| <div style="text-align: center;"> |
| <span id="three" style="color: rgb(255, 106, 0); font-family: Menlo; font-size: 18px; font-style: italic;">Three</span><span style="font-size: 24px;"><span id="four" style="font-family: Avenir-Book; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255);">Four</span><span id="five" style="color: rgb(131, 16, 0); font-weight: bold; font-family: 'Times New Roman';">Five</span></span> |
| </div> |
| </div> |
| <div style="text-align: left;"> |
| <ul> |
| <li><span id="six" style="color: rgb(255, 64, 19); font-family: Avenir-Book; font-size: 18px; font-weight: bold;">Six</span><br></li> |
| <li><span id="seven" style="font-family: Avenir-Book; font-style: italic; color: rgb(235, 235, 235); background-color: rgb(78, 122, 39); vertical-align: sub; font-size: 12px;">Seven</span></li> |
| </ul> |
| <ol> |
| <li><span id="eight" style="font-family: Avenir-Book; vertical-align: super; font-size: 12px;">Eight</span></li> |
| <li><span id="nine" style="font-family: Georgia; font-style: normal; font-size: 36px; text-shadow: rgba(0, 0, 0, 0.658824) 0px 0px 9px;">Nine</span></li> |
| </ol> |
| <div style="text-align: right;"> |
| <span id="ten" style="font-family: Avenir-Book; font-size: 18px; font-style: oblique;">Ten</span> |
| </div> |
| </div> |
| </body> |
| </html> |
