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

HTML:

Текст CSS: div { width: 300px }
textarea { display: block; }
input { float:right; display: block; } Почему кнопка submit не сдвигает текст, который находится ниже? Она ведь часть блока div.

Ответ

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