Как переместить кнопку в html?

Question

[HerYtera]

Хочу переместить кнопку в право, но как это делать? И как ещё убрать линии на кнопке?
P.s хотел ещё спросить. Как сделать задний фон этой шапки другим цветом? допустим красным

Answer 1

[Арсений Матыцин]

С помощью CSS. В данном кейсе для смещения кнопки отлично подойдет flex, с марджином или space-between-ориентацией.

А фон просто через background-color.

Comments

[HerYtera]

можно написать данный код? Я прост не понимаю(первый раз работаю с кнопками

[Арсений Матыцин]

HerYtera, https://codepen.io/pen/

Answer 2

[Vladislav]

Изучи flexbox и grid layout, а переместить можно либо флексами, либо с помощью позиционирования, оба способа быстры и просты

Answer 3

[Валентин Бируля]

Линии убрать border:none;
А переместить так же как и любой другой объект с помощью маржинов и пэдингов...

Можете задать position: absolute ;
и переместить с помощью top ,bottom,left ,right
только нужно задать родителю position к примеру relative

Задний фон делается командой background-color:red;

Comments

[Vladislav]

Это не команда, а свойство, команды в консоли