.imageContainer{
width: 100%;
margin: 0 auto;
position: relative;
text-align: center;
}
.imageContainer img{
width: 250px;
height: 250px;
float: left;
}
.imageContainer img:hover{
opacity: 0.60;
}
I am having trouble getting this element to center on my webpage. Any suggestions or advice would be greatly appreciated.