Como faço para deixar centralizado as divs [cor amarela] e [cor vermelha]

[Marquin Ferreira]

<section id="container">

<div id="formLeft">

<form action="" method="post" name="form" id="form">

<h4 id="cd1">Já sou cadastrado</h4>

<label id="letra" class="letras">Eu sou:</label>

<select class="letras" name="verificar">

<option value="admin">Administrador</option>

<option value="func">Funcionario</option>

<option value="user">Usuario</option>

</select>

<br>

<label class="letras">Login:</label>

<input required="true" id="cadastro" name="Login" type="text" placeholder="Login" value="" spellcheck="false" class="">

<br>

<label class="letras">Senha:</label>

<input required="true" id="password" name="Password" type="password" placeholder="Senha" class="">

<br>

<input id="logar" name="Logar" type="submit" value="Entrar">

</form>

</div>

<div id="formRight">

<form action="" method="post" name="form" id="form2">

<h4 id="cd2">Quero me cadastrar</h4>

<input id="cadastro" name="Cadastro" type="submit" value="Cadastrar">

</form>

</div>

<div id="clear"></div>

</section>

[DiF]

@Marquin Ferreira

 

Não sei como está no seu css.. mas tente fazer o seguinte:

 

Crie um elemento DIV que engloba os elementos  <div id="formLeft">  e <div id="formRight">

e neste DIV você  define no css:  margin: 0 auto

 

PS: Notei alguns erros de semântica.. como fechamentos de tags e etc... acredito que esse não seja a estrutura completa... por isso eu recomendo que  edente o código e verifica linha por linha para não se perder.

[Marquin Ferreira]

valeu... Ainda vou identar...