CSS Best Practices to Follow and Bad Habits to Avoid

<div dir="ltr"><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Creating a well-managed set of CSS codes can be a challenge. As technology evolves, it's not really easy to say if you're doing the right CSS practices or you're just messing up the code and compromising the quality of your website on different browsers.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Through practice, you should be able to avoid CSS errors. So, to give you a guide on the dos and dont's when writing CSS codes, we listed below the CSS best practices to follow as well as the bad habits to avoid. So, get ready and let's get started.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> </p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <a href="http://www.1stwebdesigner.com/wp-content/uploads/2013/12/css-best-practices-and-bad-habits-to-avoid1.jpg" class="" style="font-weight:900;color:rgb(245,130,32);text-decoration:none;border:1px solid rgb(221,221,221);padding:25px 35px;background-color:rgb(246,246,246);margin:30px auto;display:block;clear:both;width:739.6875px;text-align:center"><img alt="css-best-practices-and-bad-habits-to-avoid" class="" height="335" src="http://www.1stwebdesigner.com/wp-content/uploads/2013/12/css-best-practices-and-bad-habits-to-avoid1-570x335.jpg" style="border: 0px; max-width: 100%; vertical-align: middle; margin-top: 0.857142857rem; margin-bottom: 0.857142857rem; width: auto; height: auto !important;" width="570"></a></p> <h2 style="margin:0.83em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"><span style="color:rgb(51,51,51)">CSS Best Practices </span></h2> <h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif">Use CSS Reset</h3> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Browser inconsistencies are one of the biggest problems of front-end development nowadays. Styles like margins, paddings, line heights, headings, font sizes and so on may look different on different browsers. The goal of a reset style sheet is to reduce browser inconsistencies by providing general styles that can be edited and extended.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> One of the great examples for a reset CSS stylesheet is <a href="http://necolas.github.io/normalize.css/" target="_blank" style="font-weight:900;color:rgb(245,130,32);text-decoration:none">normalize.css</a>, a modern HTML5 CSS reset. All you have to do is include it before your own style definitions in your HTML file under the Head section. Otherwise, these styles will override your own style definitions.</p> <h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif">Provide Style Sheet Information</h3> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Put a Title, Author, Tags, Description, URL  information and so on on your stylesheet. This will give the user/developer a reference person to contact whenever they need support regarding your creation.</p><div id="highlighter_427767" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">/*</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">Theme Name: Simple Parallax Website</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">3</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">Description: Simple Parallax Scrolling Effect</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">4</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">Author: Samuel Norton</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">5</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">Author URI: <a href="http://www.1stwebdesigner.com/" style="font-weight:900;text-decoration:none;color:rgb(0,130,0)!important">http://www.1stwebdesigner.com/</a></code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">6</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">Tags: Parallax, Website</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">7</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">*/</code></td> </tr></tbody></table></div></div></div><h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> Organize Elements on the Stylesheet from Top to Bottom</h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Usually for beginners, they put the elements on the stylesheet according to what they want to put first. But this is not a good practice for CSS code structure as it will give you a hard time finding CSS code elements on the stylesheet. Ordering them from inclusive styles (such as body, H1, p, a and the likes) followed by a header to a footer will make a lot of sense.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> As an example consider the code structure below.</p><div id="highlighter_711101" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">/****** General Styles *********/</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important">  </td></tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">3</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">body {...}</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">4</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">h</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">1</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">, h</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">2</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">, h</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">3</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">{..}</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">5</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">p {...}</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">6</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">a {...}</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">7</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important">  </td></tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">8</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">/****** Header Style *********/</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">9</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">#header {...}</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">10</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important">  </td></tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">11</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">/****** Navigation Style *********/</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">12</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">#nav {...}</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">13</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important">  </td></tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">14</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">/****** Footer Style *********/</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">15</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">#footer {...}</code></td> </tr></tbody></table></div></div></div><h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> Shrink CSS file size with CSS Compressors</h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> It's really a great idea to shrink the CSS file size as it will remove white spaces, line breaks and remove redundant CSS styles. Through this, you can help browsers to speed up the loading of your CSS codes. Using tools like <a href="http://www.csscompressor.com/" target="_blank" style="font-weight:900;color:rgb(245,130,32);text-decoration:none">CSS Compressor</a> and <a href="http://www.minifycss.com/css-compressor/" target="_blank" style="font-weight:900;color:rgb(245,130,32);text-decoration:none">CSS Compressor & Minifier </a>can make this happen.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <a href="http://www.csscompressor.com/" target="_blank" class="" style="font-weight:900;color:rgb(245,130,32);text-decoration:none;border:1px solid rgb(221,221,221);padding:25px 35px;background-color:rgb(246,246,246);margin:30px auto;display:block;clear:both;width:739.6875px;text-align:center"><img alt="css-compressor" class="" height="609" src="http://www.1stwebdesigner.com/wp-content/uploads/2013/12/css-compressor-570x609.jpg" style="border: 0px; max-width: 100%; vertical-align: middle; margin-top: 0.857142857rem; margin-bottom: 0.857142857rem; width: auto; height: auto !important;" width="570"></a></p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <a href="http://www.minifycss.com/css-compressor/" target="_blank" class="" style="font-weight:900;color:rgb(245,130,32);text-decoration:none;border:1px solid rgb(221,221,221);padding:25px 35px;background-color:rgb(246,246,246);margin:30px auto;display:block;clear:both;width:739.6875px;text-align:center"><img alt="css-minifier" class="" height="482" src="http://www.1stwebdesigner.com/wp-content/uploads/2013/12/css-minifier1-570x482.jpg" style="border: 0px; max-width: 100%; vertical-align: middle; margin-top: 0.857142857rem; margin-bottom: 0.857142857rem; width: auto; height: auto !important;" width="570"></a></p> <h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;text-align:justify"> <span style="color:rgb(51,51,51)">Group IDs and Classes That Fall under the Same Element</span></h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> If you have an element that contains different IDs and classes, you might want to group them to make them look organized and easy to find so looking for errors would not take time.</p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> As an example, you have a class <i>container</i> that contains a div tag that has an ID of <i>logo</i> and another div tag that has an ID of <i>icons</i>.</p><div id="highlighter_868454" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important"></</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">pre</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">></code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important"><</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">div</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">></code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">3</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important"><</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">div</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(128,128,128)!important">id</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">=</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:blue!important">"logo"</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">></</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">div</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">></code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">4</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important"><</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">div</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(128,128,128)!important">id</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">=</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:blue!important">"tagline"</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">>< /</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">div</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">></</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">div</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">></code></td> </tr></tbody></table></div></div></div><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> You can group them on your CSS code like this:</p><div id="highlighter_179013" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">.</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">container {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">width</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">960px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;  </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">padding</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}.</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">3</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">container #logo {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-family</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(128,128,128)!important">Arial</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">, </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(128,128,128)!important">sans-serif</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;  </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-size</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">30px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;  </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">color</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">:</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">red</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}.</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">4</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">container #tagline {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-family</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(128,128,128)!important">Verdana</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-size</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">10px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div></div></div><h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> Use Annotations/Comments to Identify a Set of CSS</h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Another best practice for CSS coding is putting a comment on each group of CSS. This will make it easy for you to look for specific groups of CSS once you got in to some CSS errors.</p><div id="highlighter_124769" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,130,0)!important">/****** General Styles *********/</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important">  </td></tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">3</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">body{</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">4</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">5</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">padding</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">6</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">width</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">100%</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">7</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">}</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">8</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important">  </td></tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">9</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">h</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">1</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">, h</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">2</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">, h</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">3</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">{</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">10</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-family</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(128,128,128)!important">Arial</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">, </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(128,128,128)!important">sans-serif</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">11</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-weight</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">:</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">normal</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">12</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-size</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">55px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">13</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">text-align</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">center</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">14</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">color</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">#fff</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">15</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">16</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">    </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">padding</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">17</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">}</code></td> </tr></tbody></table></div></div></div><h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> <span style="color:rgb(51,51,51)">Structure Naming Convention</span></h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Using proper naming conventions on IDs and classes will make a lot of sense to your work. This will help your work easier and faster in case you need to add elements or redesign a website.</p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> For instance, putting a class of <i>title-red</i> will not make sense when you change the color of the title so why not just put <i>title</i> instead. Always name your elements properly based on their use not on their properties such as what color or font size the element have.</p> <h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif">Use Hex Code instead of Name Color</h3> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> According to a performance <a href="http://jsperf.com/css-color-names-vs-hex-codes" target="_blank" style="font-weight:900;color:rgb(245,130,32);text-decoration:none">test</a> run by<a href="http://www.linkedin.com/in/alienwebguy" target="_blank" style="font-weight:900;color:rgb(245,130,32);text-decoration:none"> Sean Connon</a>, Senior Web Developer at Alien Creations, Inc, hex codes seems to be just barely faster on 4/5 runs. Check out the test performance <a href="http://jsperf.com/css-color-names-vs-hex-codes" target="_blank" style="font-weight:900;color:rgb(245,130,32);text-decoration:none">here</a>. Therefore, we recommend using hex codes rather than name colors.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <a href="http://jsperf.com/css-color-names-vs-hex-codes" target="_blank" class="" style="font-weight:900;color:rgb(245,130,32);text-decoration:none;border:1px solid rgb(221,221,221);padding:25px 35px;background-color:rgb(246,246,246);margin:30px auto;display:block;clear:both;width:739.6875px;text-align:center"><img alt="hex-vs-colorname" class="" height="232" src="http://www.1stwebdesigner.com/wp-content/uploads/2013/12/hex-vs-colorname-570x232.jpg" style="border: 0px; max-width: 100%; vertical-align: middle; margin-top: 0.857142857rem; margin-bottom: 0.857142857rem; width: auto; height: auto !important;" width="570"></a></p> <h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif">Use CSS Vendor Prefixed</h3> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> If you are aware of the new features of CSS3, you must also know that each browser has its own specification when it comes to a specific style. That's why browser prefixes are being used to make sure that the browser supports the specific features/style you want to use.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Many designers and developers are having an error with this simple matter because they forgot to add vendor prefixes to target specific browsers.</p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> The CSS browser prefixes are:</p><ul style="margin:1em 0px;padding:0px 0px 0px 40px;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <li style="padding:0.4em"><b>Chrome</b>: -webkit-</li><li style="padding:0.4em"><b>Firefox</b>: -moz-</li><li style="padding:0.4em"><b>iOS</b>: -webkit-</li><li style="padding:0.4em"><b>Opera</b>: -o-</li><li style="padding:0.4em"> <b>Safari</b>: -webkit-</li></ul><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> For instance, you want to add a CSS3 transition to your CSS code, you will just use transition property along with a vendor prefix. Check out the code below.</p><div id="highlighter_713744" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">-webkit-transition: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">all</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">1</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">s ease;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">-moz-transition: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">all</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">1</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">s ease;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">3</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">-ms-transition: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">all</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">1</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">s ease;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">4</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">-o-transition: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">all</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">1</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">s ease;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">5</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">transition: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">all</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">1</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">s ease;</code></td> </tr></tbody></table></div></div></div><h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> Validate Your CSS</h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Using <a href="http://jigsaw.w3.org/css-validator/" target="_blank" style="font-weight:900;color:rgb(245,130,32);text-decoration:none">W3C free CSS Validator</a> will let you know if your CSS code was properly structured. Another benefit of using it is it can point you the error on your stylesheet, thus, saving you more time on troubleshooting it manually.</p> <h2 style="margin:0.83em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif">Bad Habits to Avoid</h2> <h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif">Creating Redundant CSS</h3> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Using styles again and again for specific elements is not a good practice. It's very important that you clean your code and remove redundant styles. For example, if you have a paragraph tag and span tag that has the same font size and color, you might just group them using a comma.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Take a look at the code below.</p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <b>BAD PRACTICE</b></p><div id="highlighter_20480" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">span {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-size</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">12px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">color</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">red</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">p {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-size</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">12px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">color</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">red</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div></div></div><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <b>BEST PRACTICE</b></p><div id="highlighter_380628" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">span, p {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-size</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">12px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">color</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">red</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div></div></div><h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> Mixing Tag Names with ID or Class Name</h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Adding tag name to an ID or Class Name is not a good practice since it would slow down the matching process unnecessarily.</p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Check out the code below.</p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <b>BAD PRACTICE</b></p><div id="highlighter_987891" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">p#container {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">color</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">red</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-size</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">8px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div></div></div><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <b>BEST PRACTICE</b></p><div id="highlighter_719974" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">#container {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">color</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">red</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">font-size</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">8px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div></div></div><h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> Targetting Margin and Padding Positions Separately</h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Using separate CSS codes to target margin or padding either on top, left, right or bottom is not a good idea. Shrinking your code and combining it in one line will make your code more readable and makes the loading of the browsers faster.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <b>BAD PRACTICE</b></p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> For example, you have a div id of <i>container</i> and you target all the positions' margin separately. See the code below.</p><div id="highlighter_300101" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">#container {</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin-top</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">10px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">3</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin-right</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">2px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">4</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin-left</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">5px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">5</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin-bottom</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">14px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">6</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">}</code></td> </tr></tbody></table></div></div></div><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <b>BEST PRACTICE</b></p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> You can just combine all these styles in one line. Check out the code below.</p><div id="highlighter_829458" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">#container {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">10px</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">2px</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">5px</code> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">14px</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div></div></div><h3 style="margin:1em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> Using Underscores on ID or Class Name</h3><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Using underscores might give you unnecessary results on old browsers. It is highly recommended to use hyphens.</p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Take a look at the example below.</p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <b>BAD PRACTICE</b></p><div id="highlighter_669476" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">.</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">left_col {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">padding</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div></div></div><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <b>BEST PRACTICE</b></p><div id="highlighter_348972" class="" style="overflow:hidden;width:732.28125px;font-size:16px;margin:1em 0px!important;padding:0px!important;border:1px solid rgb(224,224,224)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">1</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">.</code></td> </tr></tbody></table></div><div class="" style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <table style="border-spacing:0px;border-collapse:collapse!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <tbody style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"><tr style="margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-size:1em!important;direction:ltr!important"> <td class="" style="padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:3em!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <code style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px 0.3em 0px 0px!important;border:0px!important;outline:0px!important;background-image:none!important;text-align:right!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:2.7em!important;line-height:1.1em!important;direction:ltr!important;display:block!important">2</code></td> <td class="" style="padding:0px 0px 0px 0.5em!important;border-width:0px 0px 0px 3px!important;border-left-style:solid!important;border-left-color:rgb(108,226,108)!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:top!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(0,0,0)!important"> <code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">left-col {</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">margin</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">; </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;font-weight:bold!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">padding</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">: </code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important;color:rgb(0,153,0)!important">0</code><code class="" style="font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;margin:0px!important;padding:0px!important;border:0px!important;outline:0px!important;background-image:none!important;float:none!important;vertical-align:baseline!important;height:auto!important;width:auto!important;line-height:1.1em!important;direction:ltr!important;display:inline!important">;}</code></td> </tr></tbody></table></div></div></div><h2 style="margin:0.83em 0px;clear:both;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif"> Final Words</h2><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> Throughout this article, I provided you some tricks and guidelines on how to write a better CSS code and what mistakes to avoid. Keeping these rules while you're coding will help you implement clean codes and prevent you from having errors in the future. Make sure you validate your CSS code using W3C CSS Validator for a quality and error-free CSS code.</p> <p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> <br></p><p style="margin:1em 0px;word-break:break-word;font-family:HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',HelveticaNeue,HelveticaNeueLT,Helvetica,Arial,'Lucida Grande',sans-serif;font-size:16px;line-height:22.399999618530273px"> courtesy: <a href="http://www.1stwebdesigner.com/tutorials/css-best-practices/">http://www.1stwebdesigner.com/tutorials/css-best-practices/</a></p></div>

• 
• 
• 
• 

1. 1
2. 2
3. 3
4. 4

• Previous
• Next

CSS Best Practices to Follow and Bad Habits to Avoid

Creating a well-managed set of CSS codes can be a challenge. As technology evolves, it's not really easy to say if you're doing the right CSS practices or you're just messing up the code and comprom…

Read more »