Centre an image in css

Question

How to align an image to the centre of site in css?

Answer 1

* {
text-align:center;
vertical-align:middle;
line-height:100%;
}

(does this work??)

Answer 2

ok thanks you guys

Answer 3

html:

<img src="yourimage.png" class="picture">

css:

.picture{
max-width: 500px; /* or that you want*/
margin-left: auto;
margin-right: auto;
}

Answer 4

Align all content to center, horizontaly and veticaly:

body, html {
height:100%
}
html {
display:table;
table-layout:fixed;
}
body {
display.table-cell;
text-align:center,
vertical-align:center;
}

Answer 5

img.center {
display: block;
margin-left: auto;
margin-right: auto;
}