Como centralizar uma div?

Olá!

Criei uma ferramenta web para ajudar devs que possuem dificuldade com o famigerado alinhamento com CSS. Como está em fase inicial, atualmente ela é bem básica e possui algumas coisas a serem corrigidas, mas creio que já ajuda um pouco. Ela é bem prática de se utilizar.

Espero que gostem! Ficarei grato com qualquer feedback ou sugestão.

Link: https://center-a-div.vercel.app

Tem também o famoso "margin: 0 auto" hehe

kkkkkk esse entra na metodologia go

Site muito massa é aquele tipo de coisa que é utilidade publica indepente do nivel de experiencia mas todos sabem que a melhor maneira de alinhar uma div é com a tag "<center.>" do html...

Funciona? Sim, mas está obsoleto 😔 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center

Uma otima ferramenta para quem nao tem pratica alinhando elementos no html, parabens Luiz!

Sugestao: Seria interessante se o usuario tivesse um exemplo de layout com o alinhamento selecionado lado a lado com o codigo.

Valeu, João! To pensando em colocar isso mesmo, junto com uma explicação sucinta do código. Vou tentar adicionar isso em breve

Interessante, uma vez que facilita até mesmo o conhecimento do código.

Sim! To pensando de implementar também uma breve explicação, ao final, do que exatamente aquele código está fazendo, pois em alguns casos não fica muito claro (principalmente nos de dialog, com o `position: fixed;` e `inset`). Verei em breve
bacana, assim agrega valor 2x

utilidade pública kkkkkkk vou aderir

Que incrível esse projeto mano!!