Контактная форма 7 - Кажется, я не могу получить мою метку и поле в одну строку

Question

Я пытаюсь создать контактную форму в стиле естественного языка, используя контактную форму 7, но не могу выровнять мой ярлык и поля.Каждый из них отображается на отдельной строке, а не рядом друг с другом.Пробовал несколько разных трюков CSS, но ничего не получалось.Любая помощь?

Я пробовал перемещать поля влево и вправо, я пытался использовать div, чтобы получить их в одной строке.

Меня зовут [text your-name], и ​​я ищу [выберите TypeofMortgage "Финансирование моста" "Финансирование аукциона" "Финансирование ремонта" "Финансирование развития"] для объекта недвижимости стоимостью £ [число номер-603]

Лучший способ связаться со мной [выбрать контакт «Телефон» «электронная почта»] на [текстовый телефон] или вы можете связаться со мной [выбрать контакт «Телефон» «электронная почта»] на [текст вашего-email]

[отправить "Скоро в чате"]

Мне действительно нужно, чтобы это отображалось как естественный язык, заполните бланк бланка.

Answer 1

Вы можете сделать это, используя float.

Прежде всего, создайте 1 Div и внутри него создайте один Div для метки и еще один для поля ввода.

, а затем используйте этот CSS.

<style>
.main-box {
  display: inline-block;
  width: 360px;
  height: 360px;
}
#labelBox {
  float: left;
}
#inputBox {
  float: right;
}
</style>