-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhybrid2-layout.html
59 lines (50 loc) · 3.52 KB
/
hybrid2-layout.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
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Hybrid layouts</title>
<style>
*{ margin: 0;padding: 0; }
#extra{
width: 200px;
position: absolute;
top: 0;
left: 0;
background-color: orange;
}
#extra2{
width: 200px;
position: absolute;
top: 0;
right: 0;
background-color: orange;
}
#content{
width: auto;
position: absolute;
top: 0;
left: 225px;
right: 225px;
background-color: yellow;
}
</style>
</head>
<body>
<div id="content">
<h1>Main content</h1>
<p>Enim in spare ribs ullamco sirloin ex. Cow rump veniam short loin id aute. Cillum pariatur sausage dolore, aliquip laborum chuck. Ullamco eiusmod ad spare ribs tempor consequat. Mollit ex bacon magna, meatloaf anim fatback duis ham minim culpa. Pariatur short loin pork chop sint.
Prosciutto dolore pork chuck, incididunt adipisicing t-bone boudin short loin. Velit anim consectetur shoulder in nulla in minim shankle ham hock jowl jerky pork chop chuck proident. Nisi sausage incididunt deserunt. Hamburger dolor ground round mollit pastrami, non enim capicola biltong eiusmod occaecat bresaola drumstick consectetur tenderloin. Ut ground round in flank jerky. Consectetur porchetta ball tip exercitation labore proident pancetta quis cupidatat sunt nostrud. Tongue exercitation frankfurter enim ut anim id velit laborum.
Ham deserunt kielbasa, laboris in boudin ribeye mollit short ribs nostrud. Corned beef venison ham aliquip ad, cupidatat spare ribs velit swine flank filet mignon chicken. Consequat pancetta biltong short loin jowl boudin duis voluptate ex turducken pork loin. Flank spare ribs mollit strip steak aliquip shank porchetta sirloin tenderloin chicken. Beef venison in nostrud hamburger tri-tip ribeye filet mignon dolor veniam dolore aute sausage. Elit incididunt brisket jowl qui mollit quis nulla shankle ground round capicola occaecat velit.
Meatloaf meatball ham hock fugiat velit enim, strip steak quis tenderloin. Excepteur sausage turkey prosciutto. Cillum elit ham reprehenderit dolor. Tail ham esse incididunt occaecat in tempor ullamco commodo tri-tip ut pork chop. Eiusmod incididunt fugiat, fatback bresaola biltong irure ut ribeye chuck ad pork loin in ham. Tempor capicola brisket id filet mignon lorem eu sirloin short loin beef ut ex minim. Officia eu ball tip sunt brisket shankle dolor deserunt veniam laborum quis kielbasa id.</p>
</div>
<div id="extra">
<h2>Extra</h2>
<p>Bacon ipsum dolor amet landjaeger commodo tenderloin jowl, culpa anim quis capicola enim corned beef ut sunt. Salami short loin ham hock, kevin fatback tail officia dolor veniam ullamco velit pork loin enim. Fugiat biltong bresaola in voluptate brisket jowl kevin. Minim short ribs irure tenderloin venison quis id fatback sausage tongue nisi beef ribs cupidatat. Tongue adipisicing nostrud voluptate short ribs. Commodo salami t-bone id boudin ground round porchetta landjaeger minim lorem.</p>
</div>
<div id="extra2">
<h2>Extra</h2>
<p>Bacon ipsum dolor amet landjaeger commodo tenderloin jowl, culpa anim quis capicola enim corned beef ut sunt. Salami short loin ham hock, kevin fatback tail officia dolor veniam ullamco velit pork loin enim. Fugiat biltong bresaola in voluptate brisket jowl kevin. Minim short ribs irure tenderloin venison quis id fatback sausage tongue nisi beef ribs cupidatat. Tongue adipisicing nostrud voluptate short ribs. Commodo salami t-bone id boudin ground round porchetta landjaeger minim lorem.</p>
</div>
</body>
</html>