div:before { content: "<div class=\"" attr(class) "\"> ["; }
div:after { content: "] </div>"; }

p:before { content: "<p> ["; }
p:after { content: "] </p>"; }

span:before { content: "<span> ["; }
span:after { content: "] </span>"; }

ul:before { content: "<ul> ["; }
ul:after { content: "] </ul>"; }

ol:before { content: "<ol> ["; }
ol:after { content: "] </ol>"; }

li:before { content: "<li> ["; }
li:after { content: "] </li>"; }

dl:before { content: "<dl> ["; }
dl:after { content: "] </dl>"; }

dt:before { content: "<dt> ["; }
dt:after { content: "] </dt>"; }

dd:before { content: "<dd> ["; }
dd:after { content: "] </dd>"; }

acronym:before { content: "<acronym> ["; }
acronym:after { content: "] </acronym>"; }

abbr:before { content: "<abbr> ["; }
abbr:after { content: "] </abbr>"; }

dfn:before { content: "<dfn> ["; }
dfn:after { content: "] </dfn>"; }

code:before { content: "<code> ["; }
code:after { content: "] </code>"; }

cite:before { content: "<cite> ["; }
cite:after { content: "] </cite>"; }

kbd:before { content: "<kbd> ["; }
kbd:after { content: "] </kbd>"; }

samp:before { content: "<samp> ["; }
samp:after { content: "] </samp>"; }

q:before { content: "<q> ["; }
q:after { content: "] </q>"; }

blockquote:before { content: "<blockquote> ["; }
blockquote:after { content: "] </blockquote>"; }

a:before { content: "<a> ["; }
a:after { content: "] </a>"; }

h1:before { content: "<h1> ["; }
h1:after { content: "] </h1>"; }

h2:before { content: "<h2> ["; }
h2:after { content: "] </h2>"; }

h3:before { content: "<h3> ["; }
h3:after { content: "] </h3>"; }

h4:before { content: "<h4> ["; }
h4:after { content: "] </h4>"; }

h5:before { content: "<h5> ["; }
h5:after { content: "] </h5>"; }

h6:before { content: "<h6> ["; }
h6:after { content: "] </h6>"; }

img:before { content: "<img> ["; }
img:after { content: "] </img>"; }

ins:before { content: "<ins> ["; }
ins:after { content: "] </ins>"; }

del:before { content: "<del> ["; }
del:after { content: "] </del>"; }

tt:before { content: "<tt> ["; }
tt:after { content: "] </tt>"; }

i:before { content: "<i> ["; }
i:after { content: "] </i>"; }

b:before { content: "<b> ["; }
b:after { content: "] </b>"; }

big:before { content: "<big> ["; }
big:after { content: "] </big>"; }

small:before { content: "<small> ["; }
small:after { content: "] </small>"; }

em:before { content: "<em> ["; }
em:after { content: "] </em>"; }

strong:before { content: "<strong> ["; }
strong:after { content: "] </strong>"; }

var:before { content: "<var> ["; }
var:after { content: "] </var>"; }

object:before { content: "<object> ["; }
object:after { content: "] </object>"; }

br:before { content: "<br> ["; }
br:after { content: "] </br>"; }

script:before { content: "<script> ["; }
script:after { content: "] </script>"; }

map:before { content: "<map> ["; }
map:after { content: "] </map>"; }

sub:before { content: "<sub> ["; }
sub:after { content: "] </sub>"; }

sup:before { content: "<sup> ["; }
sup:after { content: "] </sup>"; }

bdo:before { content: "<bdo> ["; }
bdo:after { content: "] </bdo>"; }

input:before { content: "<input> ["; }
input:after { content: "] </input>"; }

select:before { content: "<select> ["; }
select:after { content: "] </select>"; }

textarea:before { content: "<textarea> ["; }
textarea:after { content: "] </textarea>"; }

label:before { content: "<label> ["; }
label:after { content: "] </label>"; }

button:before { content: "<button> ["; }
button:after { content: "] </button>"; }

address:before { content: "<address> ["; }
address:after { content: "] </address>"; }

area:before { content: "<area> ["; }
area:after { content: "] </area>"; }

hr:before { content: "<hr> ["; }
hr:after { content: "] </hr>"; }

pre:before { content: "<pre> ["; }
pre:after { content: "] </pre>"; }

form:before { content: "<form> ["; }
form:after { content: "] </form>"; }

fieldset:before { content: "<fieldset> ["; }
fieldset:after { content: "] </fieldset>"; }

legend:before { content: "<legend> ["; }
legend:after { content: "] </legend>"; }

table:before { content: "<table> ["; }
table:after { content: "] </table>"; }

thead:before { content: "<thead> ["; }
thead:after { content: "] </thead>"; }

tfoot:before { content: "<tfoot> ["; }
tfoot:after { content: "] </tfoot>"; }

tbody:before { content: "<tbody> ["; }
tbody:after { content: "] </tbody>"; }

tr:before { content: "<tr> ["; }
tr:after { content: "] </tr>"; }

th:before { content: "<th> ["; }
th:after { content: "] </th>"; }

td:before { content: "<td> ["; }
td:after { content: "] </td>"; }

caption:before { content: "<caption> ["; }
caption:after { content: "] </caption>"; }

colgroup:before { content: "<colgroup> ["; }
colgroup:after { content: "] </colgroup>"; }

col:before { content: "<col> ["; }
col:after { content: "] </col>"; }