tiaginho1 Postado Junho 20, 2014 Denunciar Share Postado Junho 20, 2014 como movimentar o meu texto dentro de uma <div>. Eu quero movimentar o nome dentro da ,quero colocar ele em baixo do lado direito eu até consegui colocar do lado direito com float:right: mas não consigo deixar mais em baixo. <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css"/> <title></title> </head> <body> <div id="header"></div> <div class="left"></div> <div class="right"> <p>Iago Lima.</p> </div> <div id="footer"></div> </body> </html> CSS div{ border-radius: 5px; } #header { z-index: 1; position: absolute; width: 97.5%; margin-top: -20px; height: 60px; background-color: #00CED1; margin-bottom: 10px; } .left { position: relative; float: left; margin-top: 50px; width: 10%; height: 400px; background-color: #FF4500; margin-bottom: 10px; } .right { position: relative; float: right; margin-top: 50px; width: 88%; height: 400px; background-color: #54FF9f; margin-bottom: 10px; font-family: Arial Black; } #footer { position: relative; height: 50px; background-color: #00CED1; clear: both; font-family: Verdana, sans-serif; font-size: 14px; text-align: center; color: #ffffff; } .right p{ float: right; } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 thiagobasalles Postado Junho 21, 2014 Denunciar Share Postado Junho 21, 2014 Para movimentar um texto é só usar CSS. .right p{ position: absolute; top: 20px; left: 100px; } Esse exemplo que dei funciona. É possível fazer com position relative, porém o absolute é mais fácil. Relative é mais recomendado. Vi que você está usando float e position. Não sei se isso é recomendado. Tente usar somente um desses dois. Acredito que o position relative seja o mais recomendado. Porém, eu mesmo tenho problemas em usar ele. A combinação absolute e relative resolvem muitos problemas. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 kauan alexander Postado Janeiro 28, 2022 Denunciar Share Postado Janeiro 28, 2022 estou querendo colocar em cima como faria? Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
tiaginho1
Eu quero movimentar o nome dentro da ,quero colocar ele em baixo do lado direito eu até consegui colocar do lado direito com float:right: mas não consigo deixar mais em baixo.
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="header"></div>
<div class="left"></div>
<div class="right">
<p>Iago Lima.</p>
</div>
<div id="footer"></div>
</body>
</html>
CSS
div{
border-radius: 5px;
}
#header {
z-index: 1;
position: absolute;
width: 97.5%;
margin-top: -20px;
height: 60px;
background-color: #00CED1;
margin-bottom: 10px;
}
.left {
position: relative;
float: left;
margin-top: 50px;
width: 10%;
height: 400px;
background-color: #FF4500;
margin-bottom: 10px;
}
.right {
position: relative;
float: right;
margin-top: 50px;
width: 88%;
height: 400px;
background-color: #54FF9f;
margin-bottom: 10px;
font-family: Arial Black;
}
#footer {
position: relative;
height: 50px;
background-color: #00CED1;
clear: both;
font-family: Verdana, sans-serif;
font-size: 14px;
text-align: center;
color: #ffffff;
}
.right p{
float: right;
}
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.