My CSS Cheat Sheet

A Good Button Maker


Good Table CSS Generator

Adjacent sibling combinator

An adjacent sibling combinator selector allows you to select an element that is directly after another specific element.

Example:  div + p will select the paragraph right after div

#title + ul will select the list under id title.

Child Combinator

ul li will select all list item under an ul, even if it is included after several levels

ul >li will select only the first level of inclusion


Draw a verticle line down on the left hand border

.verticalLine { border-left: thick solid #ff0000; }

Target IE

selector {
property: value; /* all browsers */
property: value\9; /* < IE9 */
*property: value; /* < IE8 */
_property: value; /* < IE7 */


Print Landscape:

@media print{@page {size: landscape}}

or rotate content 90 degrees

<style type="text/css" media="print"> .page { -webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } </style> link to good print css article: link to css dimensions:


o align vertically:

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
see link: