设置h2和span再同一条线上

你可以使用CSS中的display属性来实现h2和span在同一行显示。具体地说，你可以将两个元素的display属性设置为inline或inline-block，然后使用vertical-align属性来使它们垂直居中对齐。以下是一个简单的示例：

HTML代码：

<h2>Title</h2>
<span>Subtitle</span>

CSS代码：

h2, span {
  display: inline-block;
  vertical-align: middle;
}

这样，h2和span就会在同一行上显示，并且垂直居中对齐。你可以根据需要调整它们的样式。

相关问题

<h2>焦点新闻<span class="fnt1"> Focus News</span></h2>设置h2和fnt1再同一条线上

可以使用CSS样式来实现这个效果，如下所示：

h2 {
  display: flex;
  align-items: center;
}

.fnt1 {
  margin-left: 10px;
}

这样就可以让`h2`标签和`fnt1`类在同一条线上，并且`fnt1`类距离`h2`标签有一定的左边距。你可以根据需要调整左边距的大小。

<h2>焦点新闻<span class="fnt1"> Focus News</span></h2>设置h2和fnt1在同一条横线上

可以使用CSS中的display属性设置h2和fnt1在同一条横线上，如下所示：

HTML代码：

<h2>焦点新闻<span class="fnt1"> Focus News</span></h2>

CSS代码：

h2 {
  display: inline-block;
  vertical-align: middle;
}

.fnt1 {
  display: inline-block;
  font-size: 0.8em;
  vertical-align: middle;
}

在上述代码中，我们将h2和fnt1的display属性都设置为inline-block，这样它们就可以水平排列。同时，为了使它们垂直对齐，我们将它们的vertical-align属性都设置为middle。另外，我们还将fnt1的字体大小设置为0.8em，以与h2的字体大小有所区别。