Html 无法在同一行上获取h1元素和p标记

我查找了各种解决方案，将h2和p标记放在同一行上，但它们似乎都不起作用。我尝试过使用display:inline；但它只是转到下一行。下面是我在

html

和

css

code中的代码：

.NativeName{
显示：内联块；
垂直对齐：顶部；
字体系列：“开放式Sans”，无衬线；
字体大小：16px；
线高：28px；
}

本地名称：
{country.nativeName}

人口：
{国家人口}

地区：
{国家地区}

次区域：
{国家.次区域}

首都：
{国家首都}

您需要向

.NativeName

div内的元素添加样式。默认情况下，

h2

和

p

元素是块。这意味着他们将全速前进。要不这样做，您需要设置

display:inline block

explicit

.NativeName{
显示：内联块；
垂直对齐：顶部；
字体系列：“开放式Sans”，无衬线；
字体大小：16px；
线高：28px；
}
h2，
p{
显示：内联块；
}

本地名称：
一些随机的名字

为了避免对每行

使用包装器，您可以使用

标记并将每行

和
的
显示设置为
内联块
：


.NativeName{
垂直对齐：顶部；
字体系列：“开放式Sans”，无衬线；
字体大小：16px；
线高：28px；
}
h2，
p{
显示：内联块；
}

本地名称：
{country.nativeName}



人口：
{国家人口}



地区：
{国家地区}



次区域：
{国家.次区域}



首都：
{国家首都}

您的代码被忽略，因为属性名称应该是
class
而不是
className
。项目在React中完成