Buenos días, justo he empezado a migrar des de las TBALAS a las CSSmediantes las dos partes de "migración sin dolor". Mi problema reside en como alinear DIVs que se encuentren dentro de otro DIV. Concretamente tengo:
Código HTML:
<div class="subcontainer2">
<div id="v" class="buttonClicked" onmouseover="function1('v')" onmouseout="function2('v')"
onclick="function3('v')">
<img id="imgV" src="Resources/imgs/vertical.png" height="100" />
<div>
<label>
<strong>Vertical</strong></label></div>
</div>
<div id="h" class="buttonNormal" onmouseover="function1('h')" onmouseout="function2('h')"
onclick="function3('h')">
<img id="imgH" src="Resources/imgs/horitzontal.png" height="100" />
<div>
<label>
<strong>Horizontal</strong></label></div>
</div>
</div>
Que esta dentro de otro DIV que contiene otros 2 como este. El codio CSS que uso es:
Código:
.subcontainer2
{
width: 500px;
height: 190px;
margin-top: 5px;
margin-bottom: 5px;
text-align:center;
position:relative;
border:1px solid #000;
background-color:White;
font-family:Arial;
font-size:small;
color:Black;
text-align:center;
}
.buttonNormal
{
float:left;
width:110px;
height:125px;
border:1px solid #000;
background-color:#E2EBED;
font-family:Arial;
font-size:small;
color:Gray;
text-align:center;
margin: 20px;
}
.buttonOver
{
float:left;
width:110px;
height:125px;
border:1px solid #000;
background-color:#0066CC;
font-family:Arial;
font-size:small;
color:#DDDDDD;
text-align:center;
margin: 20px;
}
.buttonClicked
{
float:left;
width:110px;
height:125px;
border:1px solid #000;
background-color:#FF6633;
font-family:Arial;
font-size:small;
color:#DDDDDD;
text-align:center;
margin: 20px;
}
Mi pregunta es: ¿Como puedo alinear esas dos DIV que se encuentran dentro de "subcontainer2" al centro de la división? Ya que tal y como lo tengo queda a la izquierda.
Muhisimas gracias de antemano.