Wordpress 对齐文本框的问题

我有一个代码1，它在图1中创建了scnario

 <p>Ditt namn (obligatorisk)<br />                          
    [text* your-name]</p>                                         

<p>Din epost (obligatorisk)<br />
    [email* your-email] </p>

<p>Ditt telefonnummer<br />
    [tel tel-621] </p>

<p>Ämne<br />
    [select menu-101 include_blank "Konstruktions ritningar" "Visualisering" "Mjukvara utveckling" "Övrigt"]</p>

<p>Ditt meddelande<br />
   [textarea your-message] </p>

<p>[submit "Skicka"]</p>

Ditt namn（义务磁盘）

[文本*您的姓名]

Din epost（义务磁盘）

[电子邮件*您的电子邮件]

Ditt telefonnummer

[电话-621]

Ämne

[选择菜单-101包括_blank“Konstructions ritningar”“可视化”“Mjukvara utveckling”“Övrigt”]

迪特·梅德朗德

[文本区域您的信息]

[提交“Skicka”]

经过数小时的尝试后，我似乎无法将消息框直接显示在ditt namn-框中。有人知道我能做些什么来将messagebox与Ditt namn对齐吗

感谢任何帮助

---

/Rinor

您可以使用

显示：内联块。见下例：

HTML:


Ditt namn（义务磁盘）

[文本*您的姓名]

Din epost（义务磁盘）

[电子邮件*您的电子邮件]

Ditt telefonnummer

[电话-621]

Ämne

[选择菜单-101包括_blank“Konstructions ritningar”“可视化”“Mjukvara utveckling”“Övrigt”]

迪特·梅德朗德

[文本区域您的信息]

[提交“Skicka”]


CSS:

.left、.right{display:inline block；vertical align:top；width:45%；}
您好，完成了！非常感谢。顺便说一句，它在移动网站上变成了一个样式错误。为什么：）？您可以为移动设备设置
媒体查询
 <div class="left">
   <p>Ditt namn (obligatorisk)<br />                          
     [text* your-name]</p>
   <p>Din epost (obligatorisk)<br />
     [email* your-email] </p>
   <p>Ditt telefonnummer<br />
     [tel tel-621] </p>
   <p>Ämne<br />
     [select menu-101 include_blank "Konstruktions ritningar" "Visualisering" "Mjukvara utveckling" "Övrigt"]</p>
 </div>
 <div class="right">
   <p>Ditt meddelande<br />
     [textarea your-message] </p>
 </div>
 <p>[submit "Skicka"]</p>