-
Notifications
You must be signed in to change notification settings - Fork 0
/
ejercicio4.html
52 lines (47 loc) · 1.55 KB
/
ejercicio4.html
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
<!--
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Ejercicio 4</title>
<link rel="stylesheet" href="">
</head>
<body>
<section style="background-color:#b0ccab; padding:50px">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam quasi neque fugit non delectus </p>
<p style="position:fixed; left:40px;">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit sed fugiat id eius </p>
</section>
</body>
</html> -->
<!-- Realizar las modificaciones necesarias -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Modificar</title>
<link rel="stylesheet" href="">
<style>
section{
background-color: #b0ccab;
padding:50px;
}
p{
left: 40px;
}
.move{
position: relative;
left: 40px;
}
</style>
</style>
</head>
<body>
<section>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam quasi neque fugit non delectus Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est saepe illum eaque, adipisci doloribus quisquam quis a ipsum quam deserunt ullam, voluptas explicabo quos, soluta nihil eos atque facilis tenetur.</p>
<p class="move">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit sed fugiat id eius Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, eos, veniam! Accusamus expedita debitis minima et. Eum porro ipsum consequuntur pariatur voluptate vero sed, iure ad maxime, ducimus quasi vitae!</p>
</section>
</body>
</html>