Styling a php variable in css using the <p> tags : <p>I am having lots of trouble trying to style a php variable within a css file. I am coding a simple exercise type website, but am stumped on what to do. I have made a log in system and I want the user's username to appear in the corner every time they log in. Here is my code</p>

<pre><code>&lt;!--header.php--&gt;
&lt;header&gt;
    &lt;nav&gt;
        &lt;div class="mainWrapper"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="index.php"&gt;Home&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="forum.php"&gt;Forums&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
            &lt;div class="navLogin"&gt;
                &lt;?php
                    if (isset($_SESSION['u_id'])) {
                        echo '&lt;p class="navUsername"&gt;'.$_SESSION['u_uid'].'&lt;/p&gt;&lt;form action="Includes/logout.inc.php" method="POST"&gt;
                    &lt;button type="submit" name="submit"&gt;Logout&lt;/button&gt;
                &lt;/form&gt;';
                    } else {
                        echo '&lt;form method="POST" action="Includes/login.inc.php"&gt;
                    &lt;input type="text" name="uid" placeholder="Username/Email"&gt;
                    &lt;input type="password" name="pwd" placeholder="Password"&gt;
                    &lt;button type="submit" name="submit"&gt;Sign In&lt;/button&gt;
                &lt;/form&gt;&lt;a href="Includes/signup.inc.php"&gt;Sign Up&lt;/a&gt;';
                    };
                ?&gt;

            &lt;/div&gt;              
        &lt;/div&gt;
    &lt;/nav&gt;
&lt;/header&gt;
</code></pre>

<p>and now the css:</p>

<pre><code>.navUsername {
font-size: 100px;}
</code></pre>

<p>I have researched online and they say to put the css within a php file, but in their examples they are using the variable as a parameter rather than styling the variable itself. </p>
