Разделение деления на две части для нескольких форм регистрации

Question

Я пытаюсь разместить две формы регистрации на одной странице, но для эффективного выполнения этого идентификатора хотелось бы разделить центральный элемент div на два отдельных столбца, чтобы добиться этого.

Я добавил код ниже:

<div id="content">
        <!-- Left Content Start -->
        <div class="instruct" id="instruct-div">
              <div class="contentcol">
                    <!-- starts content-->
                <h1>Continue...</h1>
                <div id="password">
                  <p>All required fields must be completed. Required fields are denoted by (*)</p></div>
              </div>
        </div>

Кто-нибудь может посоветовать лучший способ добиться этого, не испортив остальную часть макета сайта?

Я постараюсь предоставить любую дополнительную информацию, которую хотят люди.

Answer 1

Я не уверен, правильно ли я понимаю вопрос, но если у вас есть div и вы хотите разместить столбцы содержимого в этом div, я думаю, вы должны сделать два div внутри содержащего div. Левый div нуждается в ширине: 50% и float: left, тогда правый div должен плавно подняться рядом с левым div.

Это имело смысл?

Answer 2

Я думаю, вы ищете макет столбца 2 в CSS

Вот хорошее руководство по созданию

Простой макет CSS с двумя столбцами