Угловые разрывы линии 6 Grid Tiles

Question

У меня есть несколько плиток сетки, таких как:

<mat-grid-list cols="2" rowHeight="200px">
<mat-grid-tile [colspan]="1" [rowspan]="1">
<h3>Some Title</h3>
<p>Some text</p>
</mat-grid-tile>
...
</mat-grid-list>

Я хочу, чтобы текст отображался так:

Some Title
Some text

Но он всегда отображается как

Some TitleSome text

Я пытался использовать <br/>, а также использовать CSS, такие как white-space:pre; content:"\a"; white-space:pre-wrap, а также некоторые другие вещи, на которых я остановился.

Я чувствую себя идиотом за то, что не получил это.

Вот блик стека, показывающий проблему https://angular -f9ficf.stackblitz.io

Answer 1

Неважно, я понял это.Это нужно было обернуть в теги div.

<mat-grid-list cols="2" rowHeight="200px">
<mat-grid-tile [colspan]="1" [rowspan]="1">
<div>    
<h3>Some Title</h3>
<p>Some text</p>
</div>
</mat-grid-tile>
...
</mat-grid-list>