Django неправильно отображает CSS

Question

У меня есть сайт, который я создаю, часть в статическом HTML, другая часть обслуживается через Django. Поскольку я хочу, чтобы внешний вид оставался неизменным (а кто нет?), Я использовал CSS для статического сайта. Тот же самый CSS, который я включил (почти успешно) в динамический сайт.

Когда я создаю форму, я могу получить очень хороший список из двух столбцов на статической стороне

Label  Input
Label  Input
Label  Input

Но, когда я делаю один и тот же код на динамической стороне, это не так приятно

Label  Input
       Label  Input
              Label  Input

CSS, который я использую:

form.login label.fixedwidth {
   display: block;
   width: 240px;
   float: left;
}

\. Извините, вот моя форма:

     <form action="" method="post" class="login">
        <fieldset>
           <div>
              <label for="username" class="fixedwidth">User name:</label>
              <input type="text" name="username" value="" id="username">
           </div>
           <div>
              <label for="password" class="fixedwidth">Password:</label>
              <input type="password" name="password" value="" id="password">
           </div>
           <input type="submit" value="login" /> 
        </fieldset>
     </form>

[править] Итак, я заметил, что мои две строки 'input type' не закрывали тег (нет '/'). Но без разницы. [/ Править]

Answer 1

Попробуйте

clear:both; overflow: auto

на окружающем DIV.

Кстати, <ul> с <li> с может быть семантически более подходящим, чем <div> с здесь. Не будет иметь никакого значения в выводе, хотя.