Centralizar uma ‘div’ com CSS é muito simples. Com apenas algumas linhas de CSS você poderá centralizar qualquer coisa.
Primeiro passo, colocar a ‘margin’ e o ‘padding’ em zero (se você estiver usando algum reset para CSS, não precisará disso).
*{margin:0;padding:0;}
Agora você dará a largura de seu elemento e colocando ‘margin:0 auto’ você centralizará seu elemento.
#container{width:960px;/* largura para que a margin possa calcular o centro da tela */margin:0auto;/* com isso seu elemento ira ficar no centro */}
Obs.: Como faço para centralizar algo na vertical e horizontal? Por exemplo um formulário de login no meio da página.
Tão simples quanto o exemplo acima. Para horizontal, a margem negativa é igual a metade da largura do elemento, já para a vertical, a margem negativa é igual a metade da altura do elemento.
Parece um tanto complicado lendo, mas no código é mais simples:
.horizontal{position:absolute;left:50%;width:100px;/* largura do elemento */margin-left:-50px;/* metade da largura : 100px / 2 = 50px */}.vertical{position:absolute;top:50%;height:100px;/* altura do elemento */margin-top:-50px;/* metade da altura : 100px / 2 = 50px */}
This is a wonderful article, Given so much info in it, These type of articles keeps the users interest in the website, and keep on sharing more ... good luck. His Secret Obsession Review
Hi buddies, it is great written piece entirely defined, continue the good work constantly. Cinderella Solution
wow, great, I was wondering how to cure acne naturally. and found your site by google, learned a lot, now i’m a bit clear. I’ve bookmark your site and also add rss. keep us updated. Brain Training for Dogs
I am hoping the same best effort from you in the future as well. In fact your creative writing skills has inspired me. The Knowledge Broker Blueprint
I am hoping the same best effort from you in the future as well. In fact your creative writing skills has inspired me. Knowledge Broker Blueprint Review
Great info! I recently came across your blog and have been reading along. I thought I would leave my first comment. I don’t know what to say except that I have. Knowledge Broker Blueprint Review
Really nice and interesting post. I was looking for this kind of information and enjoyed reading this one. Lepitox Review
This is a wonderful article, Given so much info in it, These type of articles keeps the users interest in the website, and keep on sharing more ... good luck. Lepitox
Admiring the time and effort you put into your blog and detailed information you offer!.. Numerologist.com Review
Thanks for such a great post and the review, I am totally impressed! Keep stuff like this coming. Dares
Gangaur Realtech is a professionally managed organisation specializing in real estate services where integrated services are provided by professionals to its clients seeking increased value by owning, occupying or investing in real estate. Flat Belly Fix
Thanks for such a great post and the review, I am totally impressed! Keep stuff like this coming. Leptitox
I am hoping the same best effort from you in the future as well. In fact your creative writing skills has inspired me. Astrology.tv Review
Thanks for such a great post and the review, I am totally impressed! Keep stuff like this coming. Astrology.tv
I appreciate the knowledge and advice Agen Casino Online you have participated. Thank you so much for your help. You are forever so helpful.
Take my heart and take my hand again, and again
Right where we stand
Take my heart and take my hand
I'll be your lover and I'll be your friend
Take my heart and take my hand again, and again
Right where we stand emoji
I am appreciative of your assistance and look forward to 오션파라다이스게임 your continuing to work on our account. I really appreciate the kind of topics you post here. Thank you for the post.
I have bookmarked your website because this site contains valuable information in it. I am really happy with articles quality and presentation. Thanks a lot for keeping great stuff. I am very much thankful for this site. https://thehealthmags.com
This post is very informative on this topic. I feel strongly that 토토사이트 love and read more on this topic. I just tripped upon your blog and wanted to say that I have really enjoyed reading your blog stations. Thanks for sharing.
Excellent read, Positive site, where did u come up with the information on this posting? I have read a few of the articles on your website now, Penis Enlargement Remedy and I really like your style. Thanks a million and please keep up the effective work
Students who are searching for a project for their assessment can look for Diabetes Freedom
Thanks for sharing this best stuff with us! Keep sharing! I am new in the blog writing.All types blogs and posts are not helpful for the readers.Here the author is giving good thoughts and Leptitox to each and every readers through this article.Quality of the content is the main element of the blog and this is the way of writing and presenting.
Stunning site! Do you have any accommodating clues for trying essayists? I’m wanting to begin my own site soon yet I’m somewhat lost on everything. Cinderella Solution
