title: Emulate bible verse layout in HTML
body: <p>I'm trying to emulate the layout of the versing for a wiki where the first verse to come up in each line is displayed before each line. Is this even possible with basic HTML?</p>
  
  <p><a href="http://jsfiddle.net/ukfpj2o8/It" rel="nofollow">http://jsfiddle.net/ukfpj2o8/It</a></p>
  
  <pre><code>&lt;div style="margin-left:2em"&gt;&lt;span style="color:#2E8B57; float:left; text-align:right; margin-left:-3em; width:2.5em;" id="I."&gt;I.&lt;/span&gt; IN the beginning God made the heaven and the earth. &lt;span style="color:#2E8B57; float:left; text-align:right; margin-left:-3em; width:2.5em;" id="I."&gt;2&lt;/span&gt; And the earth was invisible and unfurnished and there was darkness over this abyss; and a breath of God was brought on above the water. &lt;span style="color:#2E8B57; float:left; text-align:right; margin-left:-3em; width:2.5em;" id="I."&gt;3&lt;/span&gt; And God said, "Let there be Light;" and there was light. And God saw the light that it was good. &lt;span style="color:#2E8B57; float:left; text-align:right; margin-left:-3em; width:2.5em;" id="I."&gt;4&lt;/span&gt;And God made a separation between the light and the darkness. &lt;span style="color:#2E8B57; float:left; text-align:right; margin-left:-3em; width:2.5em;" id="I."&gt;5&lt;/span&gt;And God called the light day; and the darkness he called night. And there was an evening and there was a morning. The first day.&lt;/div&gt;
  </code></pre>
  
  <p>I hope someone can help
  Thanks</p>