center an image

1.center {
2  display: block;
3  margin-left: auto;
4  margin-right: auto;
5}

1.centerImg {
2  display: block;
3  margin: 0 auto;
4}

1<img src="myImg.png" class="center">
2
3.center {
4  display: block;
5  margin-left: auto;
6  margin-right: auto;
7  width: 50%;
8}

1.someclass {
2  display: block;
3  margin-left: auto;
4  margin-right: auto;
5}

1.classNameOfImage {
2  display: block;
3  margin-left: auto;
4  margin-right: auto;
5}

1<style type="text/css">
2.centerImage
3{
4 text-align:center;
5 display:block;
6}
7</style>