Подсказки на компьютерную тематику

Можно подсмотреть, если забыли…

Как с 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>

Как с 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>