Anordnung

[Meowsalot]

Hallo alle,

ist es möglich den ersten <li> Punkt ganz nach links zu schieben und die anderen ganz nach rechts, wie es jetzt auch ist?

<footer>
	<div class="container">
	<ul>
		<li><a href="start.php">Start</a></li>
    <li><a href="impressum.php">Impressum</a></li> 
		<li><a href="datenschutz.php">Datenschutz</a></li>
	</ul>
	</div>
</footer>

Und das dazugehörge CSS:

.container {
    width: 100%;  
    margin: 0 auto;
}

footer {
    padding: 1em;
    border-top: 1px solid #b39a96;
    background: linear-gradient(#252525, #0a0a0a);
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row-reverse;
}

footer li:nth-last-child(2n+1)::after {
   content: "|";
   margin-left: 0.5em;
   margin-right: 0.5em;
   color: #000;
}

footer ul li a {
    color: #848282;
    text-decoration: none;
}

Bis bald!
Meowsalot (Bernd)