Html 在网页上的一行中打印两个不同的内容

如果我要打印这样的东西-

Reason :  reason number 1
          reason number 2
          reason number 3

Code :    code number
Remarks : remark

所以原因、代码和备注都是标题，所以我把它们放在标记中，其余的东西，比如-原因号1、原因号2、代码号和备注都是值

现在，如果我使用标题，值会自动转到新行，如果我想在单行中将它们作为键值打印，该怎么办。我怎么能这样做呢

最好不带浮子。

尝试如下：

.html

---

显示你的json数据到目前为止你尝试了什么？在这里检查我的stackblitz代码..因此我将得到一个数据列表，标题是常量，每个标题都有一个数据列表。如果它有多个项目，我将使用li标签，如果它只有一个项目，我将按原样显示内容。我不知道为什么出于某种原因我不喜欢表格的想法。现在我已经创建了不同的容器，并在上面使用了float。float的唯一问题是，我们使用它们的次数越多，最终需要使用的媒体查询就越多。好吧，根据您的喜好，您可以将逻辑转换为div，现有的解决方案是使用您发布的相同思想构建的。尽管如此，还是非常感谢您的及时回复。

<table border="1">
    <ng-container *ngFor="let item of list1;let i = index">
        <tr>
            <td> {{list1[i]}}</td>
            <td *ngIf="list2[i].length > 1">
                <li *ngFor="let li of list2[i]">
                    {{li}}
                </li>
            </td>
            <td *ngIf="list2[i].length <= 1">
                {{list2[i]}}
            </td>
        </tr>
    </ng-container>
</table>

  list1 = ["Instructions ", "Reason Code "];
  list2 = [["inst 1 ", "inst 2 "], ["Reason code is so and so"]];