HTML文本高一行，没有添加css样式 Example.com 根据调查结果，被评为4/5

此代码显示以下内容：

我试过

空白：nowrap

，但不起作用

---

如何将Example.com文本与其他文本移到同一行？

allcote 1 id到您的内部div

还有下面的风格

#innerDiv{
显示：内联；
}

Example.com
根据调查结果，被评为4/5

将1个id分配给您的内部div

还有下面的风格

#innerDiv{
显示：内联；
}

Example.com
根据调查结果，被评为4/5

将1个id分配给您的内部div

还有下面的风格

#innerDiv{
显示：内联；
}

Example.com
根据调查结果，被评为4/5

将1个id分配给您的内部div

还有下面的风格

#innerDiv{
显示：内联；
}

Example.com
根据调查结果，被评为4/5

像这样尝试：

<div class="site-rating" itemscope="" itemtype="http://schema.org/Product">
       <span itemprop="name">Example.com</span>
       <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
       was rated <span itemprop="ratingValue">4</span>/5 based on <a href="#reviews" rel="nofollow"><span itemprop="reviewCount">178</span> reviews</a>
       </div>
</div>

空白

在您的情况下不起作用。如果使用

display inline跨越
和
网站评级内部的div，可以将两者对齐。
尝试如下：

<div class="site-rating" itemscope="" itemtype="http://schema.org/Product">
       <span itemprop="name">Example.com</span>
       <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
       was rated <span itemprop="ratingValue">4</span>/5 based on <a href="#reviews" rel="nofollow"><span itemprop="reviewCount">178</span> reviews</a>
       </div>
</div>

空白
在您的情况下不起作用。如果使用
display inline跨越
和
网站评级内部的div，可以将两者对齐。
尝试如下：

<div class="site-rating" itemscope="" itemtype="http://schema.org/Product">
       <span itemprop="name">Example.com</span>
       <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
       was rated <span itemprop="ratingValue">4</span>/5 based on <a href="#reviews" rel="nofollow"><span itemprop="reviewCount">178</span> reviews</a>
       </div>
</div>

空白
在您的情况下不起作用。如果使用
display inline跨越
和
网站评级内部的div，可以将两者对齐。
尝试如下：

<div class="site-rating" itemscope="" itemtype="http://schema.org/Product">
       <span itemprop="name">Example.com</span>
       <div itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
       was rated <span itemprop="ratingValue">4</span>/5 based on <a href="#reviews" rel="nofollow"><span itemprop="reviewCount">178</span> reviews</a>
       </div>
</div>

空白
在您的情况下不起作用。如果使用
display inline-to span
和
站点评级
内的div，则可以将两者对齐。
必须将Example.com span移动到与所有其他span元素相同的div内，如下所示：

.site-rating span,.site-rating div{
    display:inline;
}


Example.com
根据调查结果，被评为4/5

在输出中，您将看到：

Example.com
根据178篇评论，被评为4/5您必须将Example.com span移动到同一个div中，就像所有其他span元素一样，如下所示：

.site-rating span,.site-rating div{
    display:inline;
}


Example.com
根据调查结果，被评为4/5

在输出中，您将看到：

Example.com
根据178篇评论，被评为4/5您必须将Example.com span移动到同一个div中，就像所有其他span元素一样，如下所示：

.site-rating span,.site-rating div{
    display:inline;
}


Example.com
根据调查结果，被评为4/5

在输出中，您将看到：

Example.com
根据178篇评论，被评为4/5您必须将Example.com span移动到同一个div中，就像所有其他span元素一样，如下所示：

.site-rating span,.site-rating div{
    display:inline;
}


Example.com
根据调查结果，被评为4/5

在输出中，您将看到：

Example.com
根据178篇评论，被评为4/5