Как отцентрировать форму внутри дива?

Question

[cupacabka]

Подскажите как отцентрировать форму нутри дива. Использовать устаревший те гCenter не хочется. Нужно как то через css отцентрировать. И почему у легенды атрибут алайн ругается редактор?

<div>
      <form action="">
        <fieldset>
          <legend align="right">Форма регистрации</legend>
          <table>
            <tr>
              <td><label for="">Введите телефон</label></td>
              <td><input type="text" /></td>
            </tr>
            <tr>
              <td><label for=""></label>Введите Email</td>
              <td><input type="text" /></td>
            </tr>
            <tr>
              <td><label for=""></label>Введите адрес</td>
              <td><input type="text" /></td>
            </tr>
            <tr>
              <td><label for=""></label>Введите сообщение</td>
              <td><textarea name="" id="" cols="30" rows="10"></textarea></td>
            </tr>
          </table>

          <button></button>
        </fieldset>
      </form>
    </div>

Comments

[Тарас Шульга]

Если вас держат в плену просто скинте сюда сообщение '101' , ибо я хз почему еще человек на кануне 2020 года верстает таблицами лол

[cupacabka]

Тарас Шульга, я делаю по обучающему видео, оно 2018 года, не знаю почему человек так верстает. Дело не в том, я вижу что некоторые теги уже не поддерживаются в html5, я пытаюсь поменять их на поддерживающиеся и решить с центрированием.

[Тарас Шульга]

cupacabka,
1.Ну не знаю, что там за спец - но если он в 2020 году верстает таблицами поищите других людей.
2.Сделай на дивах + флексы и все делов на 2м

[Rustam Bainazarov]

cupacabka, золотые слова говорит Тарас Шульга.

Ищите другого учителя.

[cupacabka]

Рустам Байназаров, я прекрасно понимаю, что никто счас таблицами не верстает. Просто с минимальнми знаниями без базы сразу начинать флексами верстать, согласитесь это проблематично.

[cupacabka]

Рустам Байназаров, я не знаю разрешены ли тут ссылки и не будет ли это рекламой. вот отсюда https://www.youtube.com/channel/UC2Ev-rDSHBov0ZMCh...

[Тарас Шульга]

cupacabka, честно даже хз кто это. Ну как сказать флексы чисто на базовом уровне довольно просты.

Просто с минимальнми знаниями без базы сразу начинать флексами верстать, согласитесь это проблематично.

База - это хорошо, но бож ты мой, таблицы?) Ими только письма то и верстают. Я за последние 4 года таблицы приминал именно один раз(таблица результатов на сайта).
Начинать учить верстку с таблиц ля базы - это как перед тем как пойти учиться водить современные машины , сперва изучить базу(первые машины) Забавно? Да. Полезно? Маловероятно. Время затратно? Да.
Вот у ребят неплохая школа
Ну и то что я всегда всем советую, по мне один из лучший преподов по рунету Дмитрий Лаврик
Вы увидите у него курсы по верстку с 3-летней выдержкой и то он таблицами не верстал уже. А что говорить по 2020 год?)

[cupacabka]

Тарас Шульга, спасибо

[Rustam Bainazarov]

cupacabka, никто не спорит. Только проблема в том, что если и учить таблицы, то на других примерах. Точно не на том, что в вопросе.

Таблицы — для табличных данных.

Answer 1

[Mak_Pet]

https://codepen.io/Andre48643/pen/ExaXzEG

Comments

[Тарас Шульга]

Простой и лаконичный вариант, но данный человек еще плохо знает базу чтобы приступить к флексам(ирония)
лол

[Mak_Pet]

Тарас Шульга, и к чему это сказано?

[Тарас Шульга]

Mak_Pet, быстро обратили внимание. А то что ему нужно было решение без флексов.

[Mak_Pet]

Тарас Шульга, окей, покажи где это написано.

[Тарас Шульга]

я прекрасно понимаю, что никто счас таблицами не верстает. Просто с минимальнми знаниями без базы сразу начинать флексами верстать, согласитесь это проблематично.

Тобишь тут можно понять, что сударь не готов к флексам, а вообще хватить мусолить уже это хд

Answer 2

[anikavoi]

Засунуть в еще один див и центровать его.

Comments

[cupacabka]

тогда получится что див в диве будет центирован, но не содержимое вложенного дива. я по отдельности элементам маржин авто ставил и вроде отцентрировал. баттон только почему то не срабатывал так, его маржином вручную пришлось отодвигать

Answer 3

[Одиночка Айс]

legend{
    margin:0 auto;
}
table{
    margin:0 auto;
}