Не могу понять, как кодировать мой CSS

Question

Я новый постер в stackoverflow. Сообщество кажется действительно хорошим, поэтому я продолжу и отправлю свой вопрос.

Я пытаюсь оформить форму asp.net MVC2 так, чтобы вместо того, чтобы все поля находились на прямой линии, я хотел бы иметь ее так:

Метка: текстовое поле
Метка: текстовое поле

Я знаю, что вы можете сделать это с помощью таблицы, но я бы хотел использовать CSS для этого. Я немного знаю о css, но недостаточно, чтобы понять, что делать. Единственное, к чему я был близок, - это к моим полям как к неупорядоченному списку, а затем к стилю li.

Спасибо за вашу помощь!

Answer 1

Дайте меткам класс и добавьте float: слева от него.

Существует множество CSS форм учебных пособий , если вы получите застрявшую .

Answer 2

Вероятно, существуют десятки способов сделать это.Если вы просто пытаетесь получить разрыв строки между вашими парами поле / значение, оберните код каждой строки в тег <div>.Div - это блочные элементы, что означает, что по умолчанию перед ними и после них стоит разрыв строки.По умолчанию метки являются встроенными, поэтому вам не нужно делать ничего особенного, чтобы они располагались рядом с текстовыми полями.