HTML и CSS выравнивание кнопок

Question

Как правильно выровнять кнопку внутри элемента div, не стирая ее из потока разметки с действительными CSS и HTML?Является ли применение margin-left единственным способом сделать это?

У меня есть такая структура

<div class="navContainer">
    <div class="title">
        <span>Nav Titulo</span>
    </div>
    <div class="navContent">
        Nav Conteudo
    </div>
    <button type="button">Enviar</button>
</div>

<div class="navContainer">
    <div class="title">
        <span>Nav Titulo</span>
    </div>
    <div class="navContent">
        Nav Conteudo
    </div>
</div>

Если я подам button { float: right } или button { position: absolute }, следующая div перестанеткнопка.Бывает, что я просто хочу расположить кнопку справа

Answer 1

что вы хотите прочитать - это очистка

, если у вас есть плавающие элементы, они выходят из потока страниц, но любой элемент с открытым: оба останутся в потоке страниц,но не позволяйте ничего по обе стороны от этого, плавающего или нет.

на практике, добавляя ясность: оба элемента после вашего плавания заставляют вещи работать так, как вы этого хотите.

Answer 2

.navContainer { text-align: right; }

Answer 3

@ Мэтт прав.То, что вам нужно сделать, это очистить элементы div.

.navContainer {clear: both}

Если вы хотите, чтобы ваша кнопка была выровнена в верхней части содержащего div, вам, возможно, придется переместить ее перед элементом div класса "title".