HTML - Margenes

 
Vista:

Margenes

Publicado por Mamen (1 intervención) el 07/06/2019 12:02:10
Hola, estoy intentando darle a la página márgenes para que no salga todo pegado arriba y a la esquina.
No sé como hacerlo, estoy empezando a programar, alguien me puede ayudar?
Gracias

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!doctype html>
<html lang = "en">
<head>
<meta charset="UTF-8">
<title>final-project</title>
<link href="my-styles.css" rel="stylesheet" type="text/css">
 
</head>
	<style>
h1 {font-size: 64}
 
ul li
{ display: inline-block}
 
ol li
{list-style: circle}
 
.progress
{display: block}
 
summary
{list-style-type: armenian}
	</style>
 
<body>
	<div class="content">
	<header>
		<h1>Maria del Carmen Aguilar Valenzuela</h1>
	<nav>
		<ul id="menu">
		 <li><a href="#">One</a></li>
         <li><a href="#">Two</a></li>
         <li><a href="#">Three</a></li>
         <li><a href="#">About us</a></li>
		</ul>
	</nav>
	</header>
	<section class="food">
		   <h2>Favorite Foods</h2>
	     	<ol class="food">
		       <li>My mum's food</li>
		       <li>Japanese food</li>
		       <li>Pasta</li>
		       <li>Cakes</li>
	     	</ol>
	</section>
	<section class="achievements">
		<h2>Achievements</h2>
			<a class="progress">Progress in this course (100%) <progress value="100" max="100"></progress></a> 
			<a class="progress"> Progress in the Specialization capstone (20%) <progress value="20" max="100"></progress></a>
	        <a class="progress"> Progress in life goals (80%) <progress value="80" max="100"></progress></a>
	</section>
	<section class="more-about-me">
      	<h4>More about me</h4>	
     	<details Open>
	     	<summary>My Chilhood</summary>
			<p>I was born in a small village beach. I remember all my chilhood playing in the water, surfing and swimming. I love see the sunrise from the beach with my dog.</p>
		</details>
	</section>
	<footer>
		<img src="images/logo-final-project.png" alt="logo-final-project">
	<span>This page was created by Maria del Carmen Aguilar Valenzuela and Colleen van Lent. To learn more about web design, visit <a href="http://www.intro-webdesign.com" target="_blank"> Intro to Web Design </a> 
	</span>
	</footer>
</div>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 609
Oro
Ha aumentado 1 puesto en HTML (en relación al último mes)
Gráfica de HTML

Margenes

Publicado por joel (163 intervenciones) el 07/06/2019 19:00:59
Puedes poner un padding al body... algo así:
1
body {padding: 10px;}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar