Как с CSS выровнять содержимое блока div по центру по горизонтали

Если на сайте требуется расположить изображение по горизонтали или выровнять содержимое блока по центру с использованием CSS

• Следует:
  • в файле стилей, например style.css создать класс, в котором установить произвольную ширину блока и отступ, в виде:
    
.center{
margin:0 auto;
width: 300px;
}

  • подключить файл со стилями в раздел head на сайте:
    
<link href="style.css" rel="stylesheet"><!--Подключить файл со стилями-->

  • создать блочный элемент div с этим классом, в котором разместить текст или изображение, например img.jpg:
    
<div class="center">текст</div>
<div class="center"><img src="img.jpg" alt=""/></div>