title: What is the proper use of Microdata markup?
body: <p>I am adding Microdata to my site and would like to know if there is a problem with this markup: </p>
  
  
  
  <pre class="lang-html prettyprint-override"><code>&lt;span class="createdate" itemprop="dateCreated"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt; 7-15-2013&lt;/span&gt;
  </code></pre>
  
  <p>Or should I use this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;span class="createdate"&gt;&lt;i class="icon-calendar"&gt;&lt;/i&gt; &lt;span itemprop="dateCreated"&gt;7-15-2013&lt;/span&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Basically, does Microdata markup must follow the text, and does it have a problem with an icon or <code>span</code> in front of the text?</p>