WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Layout de colunas
1118
ledoc
Abrir no Editor
Publique Seu Código
Recomendado
22 June 2025
Modelo de blog Tailwind CSS: Modo escuro, responsivo
13 November 2024
Efeito de moldura em imagens usando CSS puro
4 May 2025
Formulário de envio de moedas falsas do TikTok
HTML
Copy
Place a container component in order to start building the format. Sometimes you may be able to get rid of the container later, but getting the container component makes it easier to handle across different web browsers for most fixed-width layouts. It defines how wide the content of the web page will be, as well as any external margins and inside padding.
CSS
Copy
.container { /* Old Chrome, Safari and Opera */ -webkit-column-count: 3; -webkit-column-gap: 40px; -webkit-column-rule-style: solid; -webkit-column-rule-width: 4px; -webkit-column-rule-color: orange; /* Old Firefox */ -moz-column-count: 3; -moz-column-gap: 40px; -moz-column-rule-style: solid; -moz-column-rule-width: 4px; -moz-column-rule-color: orange; /* Standard syntax */ column-count: 3; column-gap: 40px; column-rule-style: solid; column-rule-width: 4px; column-rule-color: orange; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */