Css 如何在语义UI中对齐相邻的两个项目？

我试图使

标题

元素位于

按钮

图标旁边，但我无法实现

没有尝试任何这样列出它们的网格

<Header as='h4'>Header text</Header>
<Button icon className='transparentButton'>
   <Icon name='add'/>
</Button>

标题文本

使其看起来像这样-每个项目位于不同的行中：

如果我尝试用一行两列创建一个网格，两行和两列之间会有一个巨大的空间，而且标题文本也会被包装。我想至少是垂直排列的

标题文本

这看起来像：

我真的很想听听关于如何使这两个项目正确地挨在一起的建议。我想让它看起来像这样：

---

示例代码（不确定为什么图标没有呈现在那里）。

实际上，我认为页眉组件显示为块

只需尝试编辑其css并制作：

display: inline-block;

它应该能够成功地呈现

---

不幸的是，您的示例代码没有加载，所以我无法尝试此操作，但它应该可以工作

该死，工作起来很神奇。。。我真的需要升级我的css游戏：）多谢你学习css的越多。。。你越是意识到你对css一无所知