请问span文本如何并排显示？

Question

如图：

前端显示（两行文本）

这是代码

源代码

 <div class="tag-warp">
            <span class="tag-title" style="font-size:12px">分类</span>
            <span class="tag-list">
              <?php $this->category('',true,'<a href="javascript:;"style="font-size:12px" >暂无分类</a>'); ?>
            </span>
          </div>
          <div class="tag-warp">
            <span class="tag-title" style="font-size:12px">标签</span>
            <span class="tag-list">
              <?php $this->tags('', true, '<a href="javascript:;"style="font-size:12px" >暂无标签</a>'); ?>
            </span>
          </div>

需求是将两行文本并排显示

Answer 1

1. 两个 <div class="tag-wrap"> 外面套个 display:flex 容器
2. 这里应该用 <dl><dt><dd>
3. wrap 不是 warp
4. 尽量不要用 inline style
5. 注意排版，很可能放在一行也要均分