-
Notifications
You must be signed in to change notification settings - Fork 0
/
Keywords.html
114 lines (63 loc) · 8.8 KB
/
Keywords.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Keywords</title>
<style>
#t{
/* float:block-end; */
/* float:inline-start; */
/* float:inline-end; */
/* float:snap-block; */
/* float:bottom; */
/* float:footnote; */
float:right;
height:300px
}
#o{
float:right;
clear:right;
}
.container1{
/* float:left; */
border: solid red 4px ;
overflow: auto;
}
.p{
height:200px;
width:200px;
height:100px;
background-color: aqua;
border:solid;
border-color: rgb(74, 226, 28);
float: left ;
}
/* .h{
height:100px;
background-color: aqua;
border:solid;
border-color: blue;
} */
/* .g{
height:100px;
background-color: aqua;
border:solid;
border-color: blue;
} */
</style>
</head>
<body>
<div class="container">
<img id="t" src="pic.jpg" width="300px" height="300px"/>
<img id="o" src="pic.jpg" width="300px" height="300px"/>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo aliquam, at fuga eligendi neque, tempora harum dolor qui esse dicta impedit officiis beatae veritatis suscipit assumenda laudantium cupiditate dolores iusto aperiam! Harum, quasi assumenda! Error dolore cumque molestias at, eveniet optio voluptatum iure, quasi sunt, similique blanditiis aliquam voluptatem ea mollitia neque quia ex aperiam voluptates nihil officiis atque vero nostrum! Perspiciatis aspernatur, fugiat id sed dolorum, officia atque facilis illum assumenda eius, unde at sit. Blanditiis autem maxime ipsam saepe laborum sint quo quam placeat totam. Aut, asperiores aliquid? Asperiores, doloremque consectetur? Eaque eius, aspernatur sapiente obcaecati sunt nihil soluta maiores, ipsam expedita est sit voluptatum numquam quas unde fuga molestias! Quidem omnis dolores recusandae adipisci fugiat maxime laboriosam, quisquam inventore provident tempora animi rem, nemo, doloremque aliquam delectus quos dignissimos? Expedita officia, sapiente accusamus reprehenderit voluptatibus accusantium obcaecati nam fuga in et optio dicta quidem pariatur ad nisi laborum dolorum? Sit pariatur eligendi dolore, animi, eius ad doloremque non, laudantium ratione illum ex nihil repudiandae sint exercitationem vero tempora architecto eaque dicta? Nulla explicabo neque, mollitia fugit assumenda at repudiandae, numquam et corrupti commodi repellendus recusandae dolores architecto doloribus voluptate quibusdam blanditiis accusantium eum harum maiores officiis. Eius sint fugit cumque, eos necessitatibus vero iure at earum repellat quia, modi quod quis, explicabo asperiores. Saepe totam maiores dolores, eaque ipsum illum! In incidunt consequatur quam, odit itaque dicta sapiente tempore laborum eum earum dolorum? Asperiores laboriosam, iste magnam voluptatibus facilis commodi repellendus dolorem ipsam eveniet assumenda provident ullam reprehenderit, aperiam est aliquid quam. Quae quisquam dolorum at architecto, voluptas adipisci error dicta accusantium cumque atque deleniti, dolores ex. Quo enim labore sed, suscipit repellat distinctio non et, quod dolore harum beatae itaque, laudantium animi perferendis vel fugit esse. Excepturi quam, sint debitis suscipit ratione sapiente vero! Earum, ex quisquam. Quod deserunt dolore iusto dolorum omnis unde, blanditiis nisi illo maiores nobis quasi incidunt, vel ullam reprehenderit corrupti porro velit repellat error illum. Repudiandae esse alias tenetur suscipit quam quis deleniti vitae fugiat totam autem nulla fuga quisquam atque libero, amet optio possimus eum sit aut, ex debitis labore quidem! Quia culpa mollitia voluptatem dicta aperiam cumque cum at possimus, dignissimos illum alias recusandae suscipit ipsam placeat voluptate id optio vero repudiandae! Vitae cupiditate eveniet aliquid corporis hic porro voluptas laudantium quisquam accusantium illo nulla maiores sunt, dolores esse doloremque beatae consequatur in corrupti? Alias enim, vero quidem quaerat fugiat nostrum eligendi magni? Assumenda dolores laborum impedit nulla velit accusantium beatae asperiores, aut facere, nihil esse? Iusto, unde, est doloremque adipisci rerum assumenda, sint animi maiores expedita a minus numquam eos dignissimos quod dolorum. Quia possimus suscipit earum ipsum dolorem quidem ex tempore. Dolore, maxime voluptatem, temporibus, voluptatibus praesentium aperiam sit nam possimus laborum amet aut. Dignissimos repudiandae aperiam non harum assumenda magni ipsam, dolore sit sequi vel ut quaerat, nobis eos et ad? A, eveniet dolor est ipsa expedita numquam labore reprehenderit saepe itaque sapiente, voluptates modi nobis placeat. Et culpa veritatis laboriosam pariatur, quas earum fugit mollitia ratione commodi molestias suscipit voluptatem placeat tempora, cum eveniet? Quam debitis quas alias eligendi laboriosam possimus illum impedit, culpa enim nesciunt totam, voluptas quod quidem rerum consectetur atque delectus quae perspiciatis cupiditate magni pariatur? Laborum minima officia officiis totam excepturi porro eum. Facilis blanditiis, aperiam natus iure esse sit reiciendis dolores sint dolore? Maxime dignissimos facere quae sit necessitatibus cumque iure reprehenderit itaque neque error temporibus labore velit deserunt blanditiis quas sapiente accusantium libero, non quod eveniet? Deserunt ipsum a tempore culpa non qui doloribus vel ullam corrupti! Veniam, eum minus blanditiis rerum mollitia omnis fuga reprehenderit officia ad tempora dolore voluptates iure, reiciendis molestias ut alias? Provident id iusto aperiam modi illo minima autem eaque porro voluptatibus voluptate harum, a labore error fugiat, tempore consequatur nesciunt sunt saepe, odio vero ut facilis atque ab! Nobis ad enim nihil! Optio expedita voluptatibus et, soluta praesentium fugiat quo facere corporis a, dolor totam delectus voluptatum ea numquam est neque dolore, veritatis rem? Corrupti quisquam ullam veniam velit facilis natus odit a qui, porro asperiores magni, officia dolores! Nisi minima quidem quibusdam possimus officiis quaerat dolorem maxime non perspiciatis architecto ratione dolorum corporis obcaecati, harum consectetur esse sunt! Nesciunt, eaque magnam! Nulla omnis officia esse suscipit, quis maxime. Delectus aperiam facilis pariatur itaque aut eius neque dolore accusantium reiciendis ad, deleniti impedit commodi dignissimos provident repellat libero nam. Saepe officia consequatur, ipsam corporis nisi magnam delectus vel sequi modi optio dolore quos voluptates laboriosam excepturi. Molestias, pariatur non ipsa suscipit itaque similique veritatis, voluptatem odit nam perspiciatis consequatur? Libero quo tenetur quam illum, at suscipit tempore enim facilis! Sint odio provident saepe voluptatum nihil sunt, consequuntur eum, velit voluptates nisi iusto odit rerum repellat quisquam tenetur dolorum dolor? Atque maiores labore nam voluptate! Perspiciatis voluptates et explicabo quidem? Voluptate explicabo mollitia consequuntur ea dolorem, id autem dolorum, error voluptatibus a enim facere adipisci provident, libero eaque possimus vel omnis temporibus. Quisquam natus quae, nostrum qui ex aut aliquam perspiciatis numquam ea modi in, doloremque non veniam praesentium sint nemo excepturi soluta, reiciendis alias nesciunt saepe molestiae explicabo debitis vitae? Reiciendis accusantium voluptatem debitis explicabo, maiores minima. Dicta commodi non nam soluta officiis sapiente! Pariatur vitae voluptate amet doloremque aut eaque quia reprehenderit iusto explicabo sequi voluptas hic eum officiis accusamus itaque, voluptatibus possimus sunt non praesentium quisquam, libero blanditiis cumque. Nulla facere dolorem dignissimos harum odio. Necessitatibus delectus accusantium pariatur ex labore? Explicabo minima temporibus sunt aut error iusto, architecto suscipit neque possimus ut perspiciatis ex eaque voluptate ducimus veritatis eveniet mollitia! Assumenda repellendus tempore, quos similique consequatur quasi amet totam quo rerum tempora illo eveniet enim labore distinctio, suscipit beatae recusandae temporibus eaque error nihil? Ullam sapiente assumenda fuga nobis reprehenderit temporibus quidem repellat quod veritatis saepe harum alias odit iusto dolor tempora vero nam officiis rerum nulla quis, dolores facere mollitia. Inventore natus debitis obcaecati asperiores delectus, quasi magni commodi molestias repellendus ullam blanditiis ipsam optio doloremque eveniet dolore fugiat. Aperiam voluptate numquam hic maxime illum. Dicta enim corrupti veniam!</p>
</div>
<br/>
<div class="container1">
<p class="p">a</p>
<p class="p">b</p>
<p class="p">c</p>
</div>
</body>
</html>