center image html

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

1/* Here is the CSS code! */
2img {
3  display: block;
4  margin-left: auto;
5  margin-right: auto;
6}

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

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

1.centered {
2  position: fixed;
3  top: 50%;
4  left: 50%;
5  transform: translate(-50%, -50%);
6  -webkit-transform: translate(-50%, -50%);
7  -moz-transform: translate(-50%, -50%);
8  -o-transform: translate(-50%, -50%);
9  -ms-transform: translate(-50%, -50%);
10  
11  font-size: 20px;
12  background-color: cyan;
13  border: darkgreen 5px solid;
14  padding: 5px;
15  z-index: 100;
16}

1img{
2position:relative;
3margin:auto;
4left:0;
5right:0;
6}