2016-08-24 1 views
0

私はこの質問をたくさん見るが、パディングかマージンのいずれかで答えを見つけることができない。なんらかの理由で私はul要素をdivの内側に正しく配置することができず、divはこのようにする必要があります。ULは部門を中心にしません。パディングはそれを修正しません。マージンどちらか

誰かが私が間違っていることとその解決方法を説明できますか?

https://jsfiddle.net/norbertoalexander/4ea23bbn/2/

/* FUENTES 
 
font-family: 'Lobster', cursive; 
 
font-family: 'Playfair Display', serif; 
 
*/ 
 

 
/* 
 
Fondo = #FEFFA0 
 
Borde = #ACDB86 
 
Fondo Texto = #EEEEEE 
 
Hoover = #547C66 
 
Letras = #3B5B5D 
 
*/ 
 

 
html, body { 
 
\t height: 100%; 
 
\t margin: 0; 
 
\t background-color: #FEFFA0; 
 
} 
 

 
div.head { 
 
\t height: 70px; 
 
\t background-color: #ACDB86; 
 
\t margin: 0 auto; 
 
} 
 

 
h1 { 
 
\t font-family: 'Lobster', cursive; 
 
\t font-size: 45px; 
 
\t text-align: center; 
 
} 
 

 
div.menu { 
 
\t border-style: solid; 
 
\t border-color: blue; 
 
\t margin: 5px; 
 
\t float: left; 
 
\t width: 150px; 
 
\t height: 500px; 
 
\t list-style: none; 
 
\t text-align: center; 
 
} 
 

 
ul { 
 
\t margin: 0 auto; 
 
\t list-style: none; 
 
\t text-align: center; 
 
\t font-size: 20px; 
 
} 
 

 
li { 
 
\t margin: 0 auto; 
 
\t text-align: center; 
 
} 
 

 
h2 { 
 
\t text-align: center; 
 
\t font-size: 25px; 
 
\t font-family: 'Lobster', cursive; 
 
} 
 

 
div.fuent { 
 
\t border-style: solid; 
 
\t border-color: blue; 
 
\t margin: 5px; 
 
\t float: right; 
 
\t width: 150px; 
 
\t height: 500px; 
 
} 
 

 
div.leng { 
 
\t border-style: solid; 
 
\t border-color: yellow; 
 
\t margin: 5px; 
 
\t width: 72%; 
 
\t float: left; 
 
} 
 

 
div.resu { 
 
\t border-style: solid; 
 
\t border-color: blue; 
 
\t margin: 5px; 
 
\t width: 72%; 
 
\t float: left; 
 
}
<!DOCTYPE HTML"> 
 
<html> 
 
<head> 
 
<title>Lenguajes</title> 
 
<meta charset="utf-8"> 
 
<link href="https://fonts.googleapis.com/css?family=Lobster|Playfair+Display" rel="stylesheet"> 
 
<link href="styles/leng.css" rel="stylesheet" type="text/css"> 
 
</head> 
 
<body> 
 
\t <!--titulo--> 
 
\t <div class="head"> 
 
\t <h1>Lenguajes</h1> 
 
\t </div> 
 
\t <div class="menu"> 
 
\t \t <ul> 
 
\t \t \t <li><h2>Menu</h2></li> 
 
\t \t \t <li><a href="index.html">Incio</a></li> 
 
\t \t \t <li><a href="algoritmo.html">Algoritmos</a></li> 
 
\t \t \t <li><a href="lenguajes.html">Lenguajes</a></li> 
 
\t \t \t <li><a href="problemas.html">Problemas</a></li> 
 
\t \t \t <li><a href="about.html">Sobre mi</a></li> 
 
\t \t </ul> 
 
\t </div> 
 
\t <div class="fuent"> 
 
\t Fuentes 
 
\t </div> 
 
\t <div class="resu"> 
 
\t Resumen 
 
\t </div> 
 
\t <div class="leng"> 
 
\t Lenguaje 
 
\t </div> 
 
</body> 
 

 

 
</html>

+0

をあなたが応じてULを中心としたい(div要素やへ窓) ?もっと具体的にしてください –

答えて

0

<ul>上パディングがあります、それを削除して、メニューを中心に:

ul { 
    padding: 0; 
} 
+0

はいこれが修正されました。私は馬鹿のように感じる。ありがとう。 –

関連する問題