Home > CSS, Web Development > CSS Code to allow Image Float in WordPress Themes

CSS Code to allow Image Float in WordPress Themes

January 29th, 2007

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; }
Categories: CSS, Web Development Tags:
Comments are closed.