Ir para conteúdo

Arquivado

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

Galante

Posicionar texto no div

Por , em Desenvolvimento frontend

Recommended Posts

Galante    0

Galante
Postado

Oi, pessoal!

 

Estou com dificuldade em posicionar o texto dentro na div.

 

Sempre que aumento o tamanho, parece que há um espaçamento superior e inferior e fucei o meu CSS inteiro para ver se havia margin/padding e não achei nada.

 

Fiz até um teste para tentar identificar o problema e não consegui nada.

 

Eu quero a div com o texto sem nenhum espaçamento. Isso é possível?

 

Segue o link: http://brunogalante.com.br/teste/teste-div-fonte.html

 

E abaixo o código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>

<style type="text/css">

.teste {
	background:#FF0;
}

.teste-1 {
	background-color:red;
	width:40%;
	height:100%;
	float:left;
	font-size:100px;
}

.teste-2 {
	list-style-type:none;
	
}

.teste-2 li {
	list-style-type:none;
}

</style>

</head>

<body>

<div class="teste">

	<div class="teste-1">

<p>TESTE</p>

	</div>
    
    <div class="teste-2">

<ul>
	<li class="destaque-teste">T E S T E</li>
	<li>- Teste</li>
	<li>- Teste</li>
	<li>- Teste</li>
	<li>- Teste</li>
	<li>- Teste</li>
	<li>- Teste	</li>
</ul>
    </div>

</div>

</body>
</html>

 

Aguardo a resposta =)

 

Abs,

Bruno

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cesar Augusto Graeff    53

Cesar Augusto Graeff
Postado

Zere o padding e o margin antes de começar a fazer o CSS

 

<style type="text/css">

*{padding:0;margin:0;}/*Aqui Zera o padding e o margin */

.teste {
	background:#FF0;
}

.teste-1 {
	background-color:red;
	width:40%;
	height:100%;
	float:left;
	font-size:100px;
}

.teste-2 {
	list-style-type:none;
	
}

.teste-2 li {
	list-style-type:none;
}

</style>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito