<ol><li>

[Sophie]

Hallo Gunnar Bittersmann,

ich habe es jetzt so umgesetzt

<nav id="breadcrumb-nav">
		<ol>
			<li><a href="dashboard.php">Home &raquo;</a></li>
			<li><a aria-current="location" tabindex="0">Bereiche</a></li>
		</ol>
	<a href="javascript:history.back()">Zurück</a>
</nav>

Und das CSS

#breadcrumb-nav {
    display: flex;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 2em;
    border-top: 1px solid #d6d6d6;
}

#breadcrumb-nav ol {
    display: flex;
}

#breadcrumb-nav li {
    list-style-type: none;
    padding-right: 5px;
    margin: 0;
    display: flex;
    padding: 0.5em 5px 0.5em 0;
}

#breadcrumb-nav a {
    text-decoration: none;
}

#breadcrumb-nav > a { 
    margin-left: auto;
    padding: 0.5em 0;
}

Gibt es noch etwas dran auszusetzen?

Zu den &raquo; die muss ich im Quelltext stehen lassen, denn ich weiß ja nie, wie viele <li> ich auf einer Seite habe. Dann müsste ich ja ständig mein CSS anpassen? Mal ist es nur einer, mal sind es zwei, dann vielleicht auch drei usw..