Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Bruno Conte

Posicionar texto em DIV

Recommended Posts

Pessoal preciso posicionar uma data de vigencia em uma div, so que preciso coloca-la no canto esquerdo na vertical. Colocar texto na vertical já consegui usando o rotate, meu problema é que não consigo pegar esse texto e posicionar no colado no canto esquerdo da div.

como eu faria isso?

eu tenho a div principal onde preciso posicionar o texto, e a div deste texto.

div principal:

#meiocart{

width:200px;
height:315px;
background-image: url(../imgs/fundocracha.png);
}

div do texto:

.style42 {
-ms-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
float: left;
text-align: left;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Bruno,

Aplique duas transformações CSS no texto: rotate e translate.
Para facilitar o controle das transformações altere a origem das transformações com uso de transform-origin.

Consulte este pen: http://codepen.io/Maujor/pen/rLkXQR

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.