Выравнивание кнопки и текста?

Question

[Pronekt]

Я хочу сделать кнопку "Заказать" и текст "Цена" поставить на один уровень искал решение но не нашол, но у меня не выходит.

Comments

[Анатолий]

1. Лучше не пишите стили и HTML в одном файле
2. Выкладывайте код в песочницу (например, JSFiddle)

[Pronekt]

Answer 1

[Ankhena]

вот так: https://jsfiddle.net/ee0a8xno/

Теги <nobr> и <center> давно умерли https://webref.ru/html
Читайте про флексы: https://html5book.ru/css3-flexbox/

А еще лучше начните отсюда: https://htmlacademy.ru/ или со спецификации.

Comments

[Pronekt]

спасибо

[Ankhena]

Pronekt,

Без тега каждое слово переносится на новую строку

Оно у вас переносилось, потому что ширины не хватало.

[Pronekt]

Ankhena, но ширина рамки была 700px

[Ankhena]

Pronekt, ширина рамки у вас 200 и 500 это отступ
это я поменяла на 700

[Pronekt]

Ankhena, всё, я понял свои ошибки

[Pronekt]

Когда указываю кодировку <meta charset="utf-8"> текст отображается не коректно, а со вторым файлом всё нормально

[Ankhena]

Pronekt, не поняла

[Pronekt]

[Ankhena]

Pronekt, проверьте кодировку файла

[Ankhena]

Pronekt, кодировку файлов проверьте и исправьте

[Pronekt]

Ankhena, я кодировку через Нотпад++ менял, не помогло, помогло создание нового файла через блокнот и менять кодировку с Ansi на utf-8

[Ankhena]

Pronekt, ну это уж как вам удобнее

Answer 2

[e5ash]

Такой кривой верстки я никогда не видел.
Изучите основы HTML, CSS и отработайте основы в узкоспециализированных задачах, а уже потом берите комплекс задач в виде целого проекта.

Comments

[Pronekt]

Меня попросили сделать простенький сайт для продажи запчастей, сайт не для магазина

[e5ash]

Pronekt, это хорошо, но Вы подумайте, какого качества он будет.
Я бы на Вашем месте обратился к профессионалам