выровнять изображения с помощью CSS

Question

Привет, мне нужно выровнять изображения с помощью css. Я использую контент под названием «boton», ссылка на сайт www.newprincess.cl, и мне нужно выровнять вот так http://imageshack.us/f/69/btnr.jpg/ Как это сделать ??помогите мне пожалуйста большое спасибо

Answer 1

измените свой CSS следующим образом

#boton {
    height: 120px;
    width: 157px;
    margin-top: -5px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
}

#boton #oneimg {
    top:9px;
    position:absolute;
    text-align:center;
}

#boton #twoimg {
    top:38px;
    position:absolute;  
    text-align:center;
    margin-left: auto;      
    margin-left: 25px;

}

#boton #threeimg {
    top:58px;
    position:absolute;
    text-align:center;
    margin-left: 28px;      
}

И измените свой HTML-код следующим образом

<div id="boton">
    <div id="threeimg"><img src="salir.png" border="0"></div>
    <div id="twoimg"><img src="entrar.png" border="0"></div>
    <div id="oneimg"><img src="18.png" border="0"></div>
</div>

Answer 2

Каждому изображению присвойте свойство id= (я уверен, что вы сможете выяснить, какие имена я использую):

#salir {
  position: relative;
  top: -16px;
}

#entrar-link {
  display: block;
}

#entrar {
  position: relative;
  top: -6px;
}

#boton {
  text-align: center;
}