style(HTML): put the word section inside the code tag for more readab…

…ility (#3092)

files/en-us/web/html/element/section/index.html

@@ -64,7 +64,7 @@ <h2 id="Usage_notes">Usage notes</h2>
   <li>If the contents of the element represent a standalone, atomic unit of content that makes sense syndicated as a standalone piece (e.g. a blog post or blog comment, or a newspaper article), the {{HTMLElement("article")}} element would be a better choice.</li>
   <li>If the contents represent useful tangential information that works alongside the main content, but is not directly part of it (like related links, or an author bio), use an {{HTMLElement("aside")}}.</li>
   <li>If the contents represent the main content area of a document, use {{HTMLElement("main")}}.</li>
-  <li>If you are only using the element as a styling wrapper, use a {{HTMLElement("div")}}. A rule of thumb is that a section should logically appear in the outline of a document.</li>
+  <li>If you are only using the element as a styling wrapper, use a {{HTMLElement("div")}}. A rule of thumb is that a <code>&lt;section&gt;</code> should logically appear in the outline of a document.</li>
 </ul>
 
 <p>To reiterate, each <code>&lt;section&gt;</code> should be identified, typically by including a heading ({{HTMLElement('h1')}}-{{HTMLElement('h6')}} element) as a child of the <code>&lt;section&gt;</code> element, wherever possible. See below for examples of where you might see a <code>&lt;section&gt;</code> without a heading.</p>