More Information.

Useful CSS Code Snippits


Description

Code

Example


Centre Vertically and Horizontally .xycon2{
display: flex;
justify-content: center;
align-items: center;
}
hello World
Inline Subscripts and Superscripts sup, sub {vertical-align: 0; position: relative;}
sup {bottom: 1ex;}
sub {top: 0.8ex;}

 This is an example of superscripts that maintain the line height above. -32oC is equal to -32oF.
Cross Browser Radio Buttons input[type='radio'] {
appearance: none;
width: 15px;
height: 15px;
border: 2px solid #E0FFFF; border-radius: 50%;
outline: none;}

input[type='radio']:before {
content: '';
display: block;
width: 60%;
height: 60%;
margin: 20% auto;
border-radius: 50%;}

input[type='radio']:checked:before {
background: #999;
}


Static CSS Snippits



This page is simply a list of CSS snippets that crop up throughout this website. As I add more to the list I'll add some sort of search or index facility but for now it's just a short list.