title: How do I properly execute "flex-row" in this instance?
body: <p>I'm attempting to have a portion of my React code appear in an in-line block using &quot;flex-row&quot; as a class name, but it's not working. I've looked at other questions and haven't been able to find the answer needed (I'm attempting it without using the &quot;View&quot; wrapper). My code is as follows (but my result is does not show the list in an in-line block; see attached image below):</p>
  <pre><code>&lt;header data-testid=&quot;header&quot; className=&quot;flex-row px-1&quot;&gt;
   &lt;nav&gt;
    &lt;ul className=&quot;flex-row&quot;&gt;
       &lt;li className=&quot;mx-2&quot;&gt;
         &lt;a href=&quot;#language&quot; onClick={() =&gt; handleClick()}&gt;
            Language
         &lt;/a&gt;
       &lt;/li&gt;
       &lt;li&gt;
         &lt;a href=&quot;#about&quot; onClick={() =&gt; handleClick()}&gt;
            About Us
         &lt;/a&gt;
       &lt;/li&gt;
    &lt;/ul&gt;
   &lt;/nav&gt;
  &lt;/header&gt;
  </code></pre>
  <p><img src="https://i.stack.imgur.com/CUlij.png" alt="screenshot of flex-row NOT showing" /></p>
  <p>I feel like it's a simple fix, but any help is greatly appreciated. Thank you in advance!</p>