<!doctype html>
<html>
<head>
    <title>test</title>
    <link rel="stylesheet" href="test1.css">
    <style>
{{11}}    .embeddedClass {
        color: tan;
    }
    </style>
</head>
<body{{5}}>
    <div{{0}} class="{{1}}foo" id="myDiv{{2}}">{{3}}</div>
    <!--<div{{4}}>-->
    <div id="anotherDiv{{6}}"></div>
    <div{{8}} {{7}}class="foo"></{{9}}div>
    <div class="{{10}}embeddedClass" title="abc{{12}}xyz"></div>
    <div class="embeddedClass" title="abc xyz">This is a long line of text so that cursor position at end of line will have to be scrolled into view. This is a long line of text so that cursor position at end of line will have to be scrolled into view.</div>{{13}}
    <div class="f{{14}}oo{{17}} {{15}} b{{16}}ar">the quick brown fox jumped over the moon.</div>
    <t{{18}}o></to>
</body>
</html>
