title: How do you place p tag on a new line when using aria-label breadcrumb?
body: <p>I have a nav element and am trying to display text underneath that breadcrumb navbar instead of next to it. I've tried to add a <code>display: inline-block</code> line to my navbar property in CSS but I am still getting the same result.</p>
  <p>It works when I had 2 or 3 <code>&lt;br&gt;</code> tags following the navbar, but I don't want to do that on every page. I'd like to use CSS.</p>
  <p>Here is the snippet:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.first {
    display: inline-block;
  }
  
  nav.breadcrumb {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: 1px solid hsl(0, 0%, 90%);
    border-radius: 4px;
    background: hsl(300, 14%, 97%);
    font-size: 14px;
    float: left;
    max-width: 45%;
  }
  
  nav.breadcrumb ol {
    margin: 0;
    padding-left: 0;
    list-style: none;
    left: 0px;
  }
  
  nav.breadcrumb li {
    display: inline;
  }
  
  nav.breadcrumb li+li::before {
    display: inline-block;
    margin: 0 0.25em;
    transform: rotate(15deg);
    border-right: 0.1em solid currentColor;
    height: 0.8em;
    content: '';
  }
  
  nav.breadcrumb [aria-current="page"] {
    color: #000;
    font-weight: 700;
    text-decoration: none;
    max-width: 45%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;nav aria-label="Breadcrumb" class="breadcrumb"&gt;
    &lt;ol&gt;
      &lt;li&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="/reamers"&gt;Reamers&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;Jarno Reamers&lt;/li&gt;
    &lt;/ol&gt;
  &lt;/nav&gt;
  
  &lt;p class="first"&gt;Contact Us for &lt;a href="https://gammons.com/reamers"&gt;reamers&lt;/a&gt; or to ask about other offerings not listed below.&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  <p><a href="https://jsfiddle.net/jheg1vcw/" rel="nofollow noreferrer">Here is the fiddle result.</a></p>