Css 相邻的组件

我对使用角度传感器有疑问。我需要把这些句子放在一起。这是我创建的两个不同组件。我想要菜谱列表和菜谱细节，这两个句子应该在旁边显示

配方列表有效
 食谱细节有用

问题是，这里的组件占据了整个窗口的宽度。首先，将类直接应用于组件：

但也给他们风格

显示：内联块。最好的方法是在组件的css（recipe-list.component.css和recipes-details.component.css）中应用
：host
伪类：

这回答了你的问题吗？
:host {
  display: inline-block;
}