以上代码，如何调整为 显示在同一行位置

你可以使用 CSS 的 display 属性来实现将这两个元素显示在同一行位置。可以将两个元素都放在一个父元素中，然后将父元素的 display 属性设置为 flex，这样子元素就会排成一行。以下是示例代码：

HTML:

<div class="wrapper">
  <h1>这是标题</h1>
  <p>这是内容</p>
</div>

CSS:

.wrapper {
  display: flex;
  justify-content: space-between;
}

这个示例中，我们使用了 flex 布局，并设置了 justify-content 属性为 space-between，这样两个子元素就会在父元素中水平排列，并且它们之间会留出一些空白。如果你想要更紧密的排列，可以将 justify-content 属性设置为 center 或者 flex-start。

相关问题

两个div在同一行显示

要将两个 `<div>` 元素放在同一行显示，可以使用 CSS 中的 `display: inline-block;` 属性。这个属性将使两个 `<div>` 元素在同一行内并排显示。以下是一个示例代码：

<style>
    .div1 {
        display: inline-block;
        width: 50%;
        background-color: red;
    }
    
    .div2 {
        display: inline-block;
        width: 50%;
        background-color: blue;
    }
</style>

<div class="div1">Div 1</div>
<div class="div2">Div 2</div>

在上面的示例中，我们使用了 `display: inline-block;` 将两个 `<div>` 元素放在同一行内。它们的宽度都设置为 50%，可以根据需要进行调整。`background-color` 属性只是用来为两个 `<div>` 元素设置不同的背景颜色以便区分。

输入框和单选框在同一行显示 elementUI

你可以使用 ElementUI 中的 `el-row` 和 `el-col` 组件来实现输入框和单选框在同一行显示的效果。

首先，将输入框和单选框分别放在两个 `el-col` 组件中，然后将它们放在同一个 `el-row` 组件中。设置 `el-col` 的 `span` 属性来控制它们占据的列数，从而实现同一行显示的效果。

下面是一个示例代码：

<template>
  <el-row>
    <el-col :span="12">
      <el-form-item label="输入框">
        <el-input></el-input>
      </el-form-item>
    </el-col>
    <el-col :span="12">
      <el-form-item label="单选框">
        <el-radio-group>
          <el-radio label="选项1"></el-radio>
          <el-radio label="选项2"></el-radio>
          <el-radio label="选项3"></el-radio>
        </el-radio-group>
      </el-form-item>
    </el-col>
  </el-row>
</template>

这样就可以实现输入框和单选框在同一行显示的效果了。你可以根据需要调整 `el-col` 的 `span` 属性来控制它们的宽度。