How to place 2 <div>'s next to eachother instead of below eachother in Blazor SyncFusion Card Component?

I’m using the Card component in SyncFusion blazor, this component has a title and a subtitle property. In default situation those are placed below eachother:

enter image description here

The following css is used:

Title:

enter image description here

Sub title:

enter image description here

However I’m trying to place these items next to eachother like this:

enter image description here

Does anyone know the right css for this?

Thanks in advance!

Asked on July 16, 2020 in CSS.
Add Comment
1 Answer(s)
.e-card-header-caption { display: flex; flex-direction: row; } 
Add Comment

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.