Центрирование текста и изображения вместе в приложении React

Question

У меня есть lo go и некоторый текст, который я бы хотел центрировать вместе на одной строке. В настоящее время они находятся на левой стороне страницы, но не уверены, как go об этом. У меня есть изображение и текст в div. css, который я использовал, похоже, не работает. .logo_and_text является классом для обоих элементов

Answer 1

Это должно сработать, если это то, что вы имели в виду под "центрироваться на одной линии"

.logo_and_text {
  align-items: center;
  display: flex;
}

- отредактируйте -----

Добавить justify-content: center; в центрируйте их горизонтально. Чтобы изображение было слева, измените элементы html или добавьте css, например:

.logo_and_text h3 { order: 2; }
.logo_and_text img { order: 1; }