JSFiddle - React, Tailwind, and code Playground

by artwl

HTML

<h1>块级元素(h1)</h1>
<div>DIV</div>
<p>P</p>
<ul>
    <li>UL->LI</li>
    <li>UL->LI</li>
    <li>UL->LI</li>
</ul>
<ol>
    <li>OL->LI</li>
    <li>OL->LI</li>
    <li>OL->LI</li>
</ol>
<table>
    <tr>
        <td>TD</td>
        <td>TD</td>
        <td>TD</td>
    </tr>
</table>
<form>
    <pre>FORM->PRE</pre>
</form>

CSS

body{
    font-size:20px;
}
h1,div,p,ul,ol,li,table,tbody,tr,td,form,pre{
    display:inline;
    background-color:#CCC;
    margin:10px;
}
table{
    border-collapse:collapse;
}
td{
    border:1px solid #AAA;
    padding:5px 15px;
}