<code>: The Inline Code element

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015 .

The <code> HTML element displays its contents styled in a fashion intended to indicate that the text is a short fragment of computer code. By default, the content text is displayed using the user agent's default monospace font.

Try it

The <code>push()</code> method adds one or more elements to the end of an array and returns the new length of the array.

code {
  background-color: #eee;
  border-radius: 3px;
  font-family: courier, monospace;
  padding: 0 3px;

Attributes

This element only includes the global attributes .

Examples

A paragraph of text that includes <code> :

html

<p>
  The function <code>selectAll()</code> highlights all the text in the input
  field so the user can, for example, copy or delete the text.

Result

           
            &lt;/div&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="notes"&gt;&lt;h2 id="notes"&gt;&lt;a href="#notes"&gt;Notes&lt;/a&gt;&lt;/h2&gt;&lt;div class="section-content"&gt;&lt;p&gt;To represent multiple lines of code, wrap the &lt;code&gt;&amp;lt;code&amp;gt;&lt;/code&gt; element within a &lt;a href="/en-US/docs/Web/HTML/Reference/Elements/pre"&gt;&lt;code&gt;&amp;lt;pre&amp;gt;&lt;/code&gt;&lt;/a&gt; element. The &lt;code&gt;&amp;lt;code&amp;gt;&lt;/code&gt; element by itself only represents a single phrase of code or line of code.&lt;/p&gt;
&lt;p&gt;A CSS rule can be defined for the &lt;code&gt;code&lt;/code&gt; selector to override the browser's default font face. Preferences set by the user might take precedence over the specified CSS.&lt;/p&gt;&lt;/div&gt;&lt;/section&gt;&lt;section aria-labelledby="technical_summary"&gt;&lt;h2 id="technical_summary"&gt;&lt;a href="#technical_summary"&gt;Technical summary&lt;/a&gt;&lt;/h2&gt;&lt;div class="section-content"&gt;&lt;figure class="table-container"&gt;&lt;table class="properties"&gt;
        &lt;a href="/en-US/docs/Web/HTML/Guides/Content_categories"&gt;Content categories&lt;/a&gt;
        &lt;a href="/en-US/docs/Web/HTML/Guides/Content_categories#flow_content"&gt;Flow content&lt;/a&gt;,
        &lt;a href="/en-US/docs/Web/HTML/Guides/Content_categories#phrasing_content"&gt;phrasing content&lt;/a&gt;, palpable content.
      &lt;th scope="row"&gt;Permitted content&lt;/th&gt;
        &lt;a href="/en-US/docs/Web/HTML/Guides/Content_categories#phrasing_content"&gt;Phrasing content&lt;/a&gt;.
      &lt;th scope="row"&gt;Tag omission&lt;/th&gt;
      &lt;td&gt;None, both the starting and ending tag are mandatory.&lt;/td&gt;
      &lt;th scope="row"&gt;Permitted parents&lt;/th&gt;
        Any element that accepts
        &lt;a href="/en-US/docs/Web/HTML/Guides/Content_categories#phrasing_content"&gt;phrasing content&lt;/a&gt;.
      &lt;th scope="row"&gt;Implicit ARIA role&lt;/th&gt;
      &lt;th scope="row"&gt;Permitted ARIA roles&lt;/th&gt;
      &lt;th scope="row"&gt;DOM interface&lt;/th&gt;
        &lt;a href="/en-US/docs/Web/API/HTMLElement"&gt;&lt;code&gt;HTMLElement&lt;/code&gt;&lt;/a&gt; Up to Gecko 1.9.2 (Firefox 4)
        inclusive, Firefox implements the
        &lt;a href="/en-US/docs/Web/API/HTMLSpanElement"&gt;&lt;code&gt;HTMLSpanElement&lt;/code&gt;&lt;/a&gt; interface for this element.
           
          