alineado vertical de texto

danieler87 · #1 (**permalink**) 28/08/2012, 02:38

Es posible mediante css alinear un texto ,tenga 1 o 2 lineas verticalmente con otro div como por ejemplo un boton...

Es decir

texto1 linea------------boton

texto2lineas
-----------boton
texto2lineas

Ya que el texto es dinamico y me gustaria que estuviera verticalmente alineado con el boton,

alguna idea?
gracias de antemano..

NSD · #2 (**permalink**) 28/08/2012, 20:15

hola, prueba con esto:

Código HTML:

Ver original<html>
    <head>
    </head>
    <body>
        <div style="display: table; position: relative; overflow: hidden;border:1px solid black">
            <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
                <div style="#position: relative; #top: -50%; border:1px solid red">
                    Texto<br />
                    Texto<br />
                    Texto<br />
                    Texto<br />
                </div>
            </div>
            <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
                <div style="#position: relative; #top: -50%; border:1px solid green">
                    Texto<br />
                    Texto<br />
                    Texto<br />
                    Texto<br />
                    Texto<br />
                    Texto<br />
                    Texto<br />
                    Texto<br />
                    Texto<br />
                </div>
            </div>
        </div>
    </body>
</html>

saludos.