Angularjs md卡：如何在md卡内容内对齐行和列中的内容？

如何将下面的md卡内容分两行两列对齐？我希望ID和值显示在一行中，时间和结果显示在第二行中

   <md-card-content>
    <h2>ID:</h2>
    <h2>Value:</h2> 
    <h2>Time:</h2> 
    <h2>Result:</h2>
    </md-card-content>

身份证件：
价值：
时间：
结果:

执行这些样式，并确保覆盖材质样式，而不是替换这些元素以外的其他元素

md-card-content {
    display: flex;
    font-size: 0;
    flex-wrap:wrap;
    margin:-10px 0 0 -10px;
}
h2 {
    display: inline-block;
    background:blue;
    margin:10px 0 0 10px;
    flex-grow: 1;
    min-height:100px; // or max-height as per your requirement
    width: calc(100% * (1/2) - 10px - 1px)
}