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