Sample Code and Pre-formatted Code Output

by Chris Pearson on August 20, 2013

O ne particular HTMLelement that has been taking up way too much of my time lately is the tag. Different browsers will render the contents of this tag differently depending on how the CSSproperties (such as line-height, font, and/or font-size) are declared.

It is a constant battle to ensure that elements will render correctly, and even when you think you’ve gotten everything worked out perfectly, you may find that Safari, for instance, doesn’t know what to do with an unordered list of encoded text:

Safari may not render this worth a damn

And even when you’ve gotten all that figured out, you still have to ensure that the tag is styled properly and renders consistently across a wide range of modern browsers.

code {
font-family: Consolas, Monaco, Courier, sans-serif;
font-size: 14px;
line-height: 1em;
color: #050;
}

Share on Google Plus

About Unknown