title: How to get Facebook comments count in HTML5 without using a <div>?
body: <p>The Facebook comments count can be done in three different ways: (without directly using JS)</p>
  
  <pre><code>&lt;fb:comments-count href="http://example.com" /&gt;
  
  &lt;iframe src="http://www.facebook.com/plugins/comments.php?href=example.com" /&gt;
  
  &lt;div class="fb-comments-count" data-href="http://example.com"&gt;0&lt;/div&gt;
  </code></pre>
  
  <p>The issue, however, is that doing something like this messes things up:</p>
  
  <pre><code>&lt;p&gt;&lt;div class="fb-comments-count" data-href="http://example.com"&gt;0&lt;/div&gt; comments&lt;/p&gt;
  </code></pre>
  
  <p>...because a <code>&lt;div&gt;</code> is firstly, not valid inside a <code>&lt;p&gt;</code> tag and secondly, looks wrong (though this could be fixed with CSS).</p>
  
  <p>Basically, my question is: is there a way to do the above without using a <code>&lt;div&gt;</code> (a <code>&lt;span&gt;</code> for example), bearing in mind that I want to use the HTML5 method and (if possible!) want to avoid using javascript?</p>
  
  <p>Clarification: I would like to avoid writing extra JS in the page simply because the MVC view currently looks nice and clean and I would prefer to keep it that way. Obviously, I'm still including the Facebook Connect library.</p>