Image center

Question

Hey. I wanted to ask who knows. Is it possible to place the image in the center (in CSS)? And if yes than how?

Answer 1

Coder Avoid <center> as it is a legacy tag and isn't a good practice to use any longer. Always apply design and layout specifications using CSS.
Never use style HTML tags like <b>, <i>, <u>, <font>, <center>, etc for anything as these are from the days of past. 😉
In CSS, learn about what the others have suggested with setting the left and right margins to auto. That is going to be your friend. 😉
img {
display: block;
margin: 0 auto;
}
NOTE: The style rule above for margin is equivalent to the expanded version below:
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;

Answer 2

use the image as backgound using background-image
then set its background-position to center

Answer 3

CSS Pro Tips: Centering Elements by Domino
https://www.sololearn.com/post/37760/?ref=app

Answer 4

Denis Alexandrovich Fandeev if you're referring to background image
body {
background: #fff url(img.jpg) center center / contain no-repeat;
}
https://code.sololearn.com/WO8vn04KCK1a/?ref=app