Html 如何放置2<；部门>'；在Blazor SyncFusion卡组件中，是相邻而不是下方？

我正在使用SyncFusion blazor中的Card组件，这个组件有一个title和一个subtitle属性。在默认情况下，它们相互放在下面：

使用以下css：

标题：

副标题：

但是，我尝试将这些项目放在一起，如下所示：

有人知道适合这个的css吗

---

提前谢谢

您可以指定css样式的电子卡标题和电子卡子标题类的显示：内联，以在同一行中显示标题和副标题

.e-card-header-caption { display: flex; flex-direction: row; }

片段

.e-card .e-card-header .e-card-header-caption .e-card-header-title {
   display: inline;
 }
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
   display: inline;
 }

屏幕截图

.e-card .e-card-header .e-card-header-caption .e-card-header-title {
   display: inline;
 }
.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
   display: inline;
 }

样本

谢谢，

---

Durga G

看起来你可以。电子卡标题标题{display:flex；flex direction:row；}它们将挨在一起，但如果没有一些HTML，很难说。请查看并更新你的答案，以提供更多细节。具体来说，如果您解释一下这是如何解决问题的，这将是非常有帮助的-