title: Does putting text directly in a <div> have accessibility implications?
body: <p>In general, I try to use semantic html to improve accessability. However, I'm working in an existing codebase and noticing that a lot of single-line text used in the layout is placed directly in <code>&lt;div&gt;</code> tags, to avoid the bottom margin that comes with <code>&lt;p&gt;</code> tags.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div&gt;Team Average is 20%.&lt;/div&gt;
  </code></pre>
  <p>Does this have direct accessibility implications, and if so, what are they? Will using <code>&lt;p&gt;</code> tags and adding a style rule to each one to get rid of the bottom margin produce distinct accessibility benefits? (I realize I could just set <code>p</code> elements to have no padding via CSS, but as this is an existing codebase, that isn't an option.)</p>
  <p>I also realize I should use <em>more</em> semantic html where possible; this is just in situations where nothing more specific applies.</p>