html center image

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<div class="verticalhorizontal">
2    <img src="image.jpg" alt="centered image" />
3</div>
4
5<style>
6.verticalhorizontal {
7    display: table-cell;
8    height: 300px;
9    text-align: center;
10    width: 300px;
11    vertical-align: middle;
12}
13</style>

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