Почему кнопка не сдвигает текст?

#html #вёрстка #css

HTML:

    

        
        
    


Текст

CSS:
div {
    width: 300px
}

textarea {
    display: block;
}

input {
    float:right;
    display: block;
}


Почему кнопка submit не сдвигает текст, который находится ниже? Она ведь часть блока
div.    

Ответы

Ответ 1

Потому что у неё прописано свойство float: right;
Это значит, что элемент выровнен по правой стороне и всё остальное содержимое блока
на этом уровне обтекает элемент слева.
Добавлено. Если ж вы желаете сделать так, чтобы кнопка была справа, а текст - снизу,
то нужно создать контейнер для кнопки и применить к нему CSS-свойство text-align. Оно
определяет, по какой стороне будут выровнены все дочерние элементы контейнера.


Ответ 2

HTML:

    

        
        

    


Текст

CSS:
div {
    width: 350px
}


Вот рабочий вариант, float, видимо, работает не так, как вы хотите, тут можно почитать
как он работает, а вообще используйте align.