How to Center a Image Shape in CSS

Question

I am brand new to CSS and am using this tutorial to make an image circular. But I cannot for the life of me figure out how to center the image on my website. Any help would be greatly appreciated.

Answer 1

Html COde

<center><div class="circleBase demo"></div></center>

css Code

.circleBase {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.demo {
    width: 100px;
    height: 100px;
    background: Blue;
    border: 3px solid red;
}