Html 在React应用程序中将文本和图像居中

我有一个标志和一些文字，我想集中在同一条线上。目前，它们位于页面的左侧，但不确定如何进行此操作。我在一个div中有图像和文本。我使用的css似乎不起作用。.logo_和_文本是这两个项目的类

---

如果这就是你所说的“在同一条线上居中”的意思，那么这应该可以做到

--编辑-----

---

添加

justify content:center以使其水平居中。要使图像位于左侧，请更改html元素，或添加一些css，如下所示：

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

如果你想在div的中心对齐项目，使用<代码>对齐项目：Center 。我做到了，它们在一起，但是现在我想要它，我想要左边的标志，右边的文本，在页面的中间。他们都在左边。我是否必须在单独的类中为它们添加样式以使其成为可能？添加
justify content:center
以使它们水平居中。要使图像位于左侧，请更改html元素，或添加一些css，如下所示：
.logo_和_text h3{order:2；}.logo_和_text img{order:1；}
.logo_and_text h3 { order: 2; }
.logo_and_text img { order: 1; }