CSS Reset Code

Every browser, when displays the web page from it, displays it almost differently within each other when there is no CSS code attached to that specific web page. So, you have got problem on this issue and accidentally landed in this site. Well, you have landed in the right place. For this to get solved, the CSS reset code is a great way to make almost all of the browsers use the same CSS styling code. Here, we are going to provide the CSS reset code developed by Eric Meyer, which is widely used worldwide in their HTML projects. The CSS reset code for this is given below:

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
body {
line-height: 1;
ol, ul {
list-style: none;
blockquote, q {
quotes: none;
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
table {
border-collapse: collapse;
border-spacing: 0;

You can find more detail on this CSS reset code through this link. By using the above provided CSS reset code in your developing stylesheet file, you can now implement almost all of the browsers to use the same CSS codes applied in it. This will make your HTML project more easy to use and is more cross browser compatible than before. Now, if you have applied the above code for your HTML project, then, the browsers own CSS style will be overwritten with ours making the browsers to use our own CSS code and hence, styling the CSS code for the HTML project will be much easy, since all of the browser specific code is being overwritten when no styling is provided in your HTML project.

Post navigation

Bishal Napit

Bishal Napit is a WordPress theme developer from Tansen, Palpa, with a passion to learn more on WordPress.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.