Sizzle example

Trying out Sizzle

HTML

<script src="https://github.com/jquery/sizzle/raw/master/sizzle.js"></script>
<div id="container" class="editor">
    <div class="gutter">
        <div class="line">
            <span class="heading">Hello <span class="strong">World!</span></span>
        </div>
        <div class="line">
        This is a <span class="em">emphasised</span> <div class="gutter">line!</div><div class="gutter">line!</div><div class="gutter">line!</div><div class="gutter">line!</div>
        </div>
    </div>
</div>

CSS

.editor, .gutter, .line, span, div, p { margin: 0; border: 0; padding: 0; }

.editor { padding: 2px; width: 100%; }
.editor .gutter {}
.editor .gutter .line { display: block; font-family: monospace; font-size: 12px; }

.heading { font-weight: 800; }
.strong { font-weight: 800; }
.em { font-style: italic; }