Frage CSS: float: right !important greift nicht

[DerNeuling21]

Hallo zusammen,

ich habe in meiner Navigationsleiste zwei <ul>. Eine für den Content am linken Rand und eine für den Content am rechten Rand. Das Problem ist jetzt leider nur, das die Navbar rechts nicht rechts ist. ich habe ihr die Klasse content-right mit float: right !important; gegeben. Das bringt leider nichts. Jetzt frage ich mal hier was da helfen kann. Hier mal die Quelle:

                    <ul class="navbar-nav content-right" >
                        <li class="nav-item">
                            <form class="form-inline my-2">
                                <input class="form-control input-search mr-sm-2" type="search" placeholder="Suchen" aria-label="Search">
                                <button class="btn btn-outline-success button-search my-2 my-sm-0" type="submit">Suchen
                                </button>
                            </form>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link Logout">Logout</a>
                        </li>
                    </ul>

Danke für eure Hilfe

 

[DerNeuling21]

float und flex gemischt zu verwenden ist nicht zu empfehlen. Ich empfehle, das fortschrittliche flex zu verwenden: Gib dem umgebenden Container #navbarSupportedContent display:flex und justify-content:space-between.

Danke hat funktioniert