Is there a better way to center an image within a floated div without using an extra p tag? I currently have the image inside a p tag and center the p, but it annoys me having that extra tag. Any suggestions on how to center the image itself? Thanks! Below is my current code. Edit: The centering needs to be both vertical and horizontal!
HTML
<div class="filler"><p><img src="images/qualGraphic.png" width="578px" height="256.72px" alt="Quality"/></p></div>
CSS
.filler {
display:table;
width:65.6%;
height:300px;
background-color:#000;
display: table;
float:left;
}
.filler p {
display: table-cell;
vertical-align: middle;
text-align: center;
}