I am attempting to center the text "Welcome:" within the navbar without center aligning the entire navbar. I want the navbar to remain right aligned, but only the "Welcome:" portion should be centered.
Here is what I have tried so far...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="StyleSheet.css">
<link href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4a2825253e393e382b3a0a7f647b9b7f6470b7f"><?php echo<span><span id="decode">[email protected]</span></span></a>/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="images/logo.jpg" />
<title>My Title</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light ">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img class="img-fluid logo" src="images/logo.png"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id=" collapsibleNavbar">
<ul class="navbar-nav">
<li> <p>Welcome<p/></li>
</ul>
</div>
<div class="collapse navbar-collapse justify-content-end" id=" collapsibleNavbar">
<ul class="navbar-nav">
<?php
session_start();
extract($_POST);
function Logout() {
session_destroy();
session_unset();
header('Location: index.php');
exit();
}
if (!isset($_SESSION['user'])) {
echo "<li> <a class='nav-link' href='Login.php'>Log In</a></li>";
} else {
echo "<li> <a class='nav-link' href='?Logout'>Log Out</a></li>";
}
if (isset($_GET['Logout'])) {
Logout($_GET['Logout']);
}
?>
</ul>
</div>
</div>
</nav>