CSS Code to allow Image Float in WordPress Themes

To enable the ability to float images left or right, add the following code to the CSS stylesheet.

Obviously this works for any web page, I just happen to be doing it for this blog on WordPress.

pre, code {
font-size: 1.2em;
}

pre {
width: 100%;
overflow: auto;
border: 1px solid #e5e5e5;
padding: 5px;
}

img.right {
padding: 4px;
margin: 0 0 2px 7px;
/*    display: inline; */
}

img.left {
padding: 4px;
margin: 0 7px 2px 0;
/*    display: inline; */
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

.right { float: right; }
.left { float: left; }