如何通过CSS调整现有<dl>结构实现键值对单行展示？

现有HTML代码 #

<dl class="test">
  <dt>key:</dt>
  <dd>value</dd>
  <dt>keyyy:</dt>
  <dd>valueeeee</dd>
</dl>

期望展示效果 #

key: value
keyyy: valueeeee

已尝试的无效方案 #

• 使用flex布局：因无法修改现有HTML结构（不能新增div等元素），方案失效；
• 使用grid布局：键值对间距过大，不同长度的键值对展示效果不佳；
• 设置dt为inline-block、dd为display: contents：第二个键值对会与第一个同行，尝试用::before/::after添加换行未成功。

内容的提问来源于stack exchange，提问作者user9056339