如何将多行文本添加到单个单选按钮

<form>
  <input type="radio" id="option1" name="group1" value="1">
  <label for="option1">
    这是第一行文本<br>
    这是第二行文本
  </label><br>
  
  <input type="radio" id="option2" name="group1" value="2">
  <label for="option2">
    这是第一行文本<br>
    这是第二行文本
  </label><br>
  
  <!-- 更多选项 -->
</form>

<form>
  <div class="radio-container">
    <input type="radio" id="option1" name="group1" value="1">
    <div class="radio-label">
      这是第一行文本<br>
      这是第二行文本
    </div>
  </div>
  <div class="radio-container">
    <input type="radio" id="option2" name="group1" value="2">
    <div class="radio-label">
      这是第一行文本<br>
      这是第二行文本
    </div>
  </div>
  <!-- 更多选项 -->
</form>

<style>
.radio-container {
  display: flex;
  align-items: center;
}
.radio-label {
  margin-left: 10px;
}
</style>

<form id="myForm">
  <!-- 动态生成的内容将放在这里 -->
</form>

<script>
const form = document.getElementById('myForm');
const options = [
  { label: '这是第一行文本\n这是第二行文本', value: '1' },
  { label: '这是第一行文本\n这是第二行文本', value: '2' }
];

options.forEach(option => {
  const radio = document.createElement('input');
  radio.type = 'radio';
  radio.name = 'group1';
  radio.value = option.value;
  
  const label = document.createElement('label');
  label.textContent = option.label.replace(/\n/g, '<br>');
  
  form.appendChild(radio);
  form.appendChild(label);
  form.appendChild(document.createElement('br'));
});
</script>