Изображение заблокировано, слева предприняты все html запросов

Question

Я спросил в Google, как центрировать изображение, обозначенное как go. Поместите его в тег <div> <span> <p>. введено в CSS отображение правил класса: блок; поле: 0 авто; и др c. Введенный сопроводительный текст в указатель. html. Он по-прежнему отображается в левой верхней части окна браузера. Что дальше попробовать?

Answer 1

Добро пожаловать на SO. Лучше поставить свой текущий код. Но если я получу цель истинной, эти примеры могут быть полезны.

Nutshell : используйте width: 100%; для контейнера и text-align: center; для дочернего держателя (здесь элемент span)

Надеюсь, это поможет.

/* example 1 */
.text-center{
    text-align: center;
}


/* example 2*/
.main-div{
    width: 100%;
    
}

.main-div span{
    text-align: center;
}

<h2> Example 1</h2>
<div class="text-center">
  <img src="https://via.placeholder.com/140x100">
</div>

<h2> Example 2 </h2>
<div class="main-div">
  <span>
    <p>
      <img src="https://via.placeholder.com/140x100">
    </p>
  </span>
</div>