-
Notifications
You must be signed in to change notification settings - Fork 0
/
float.html
18 lines (18 loc) · 15.1 KB
/
float.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<title>Float properties</title>
<style>
p{
border:thick solid red;
}
img{
float:left;
}
</style>
</head>
<body>
<h1>Float properties</h1>
<p><img src="https://1000logos.net/wp-content/uploads/2020/09/CSS-Logo.png" width="400px" height="200px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci accusantium quibusdam corporis nostrum corrupti magni quos eum quae totam ex eius itaque saepe natus, sint reiciendis
repellendus nam numquam at facilis incidunt explicabo. Laboriosam officiis amet perspiciatis suscipit, blanditiis eligendi quos eum quidem! Voluptatibus, qui eos praesentium, eum enim suscipit iste similique, atque accusamus sit nulla necessitatibus odit. Tempora vero perspiciatis, veniam eius alias laboriosam eveniet delectus repellat dicta dolorum quas temporibus, quos quidem, blanditiis totam corrupti dolorem suscipit. Ducimus impedit delectus, blanditiis ipsum rem quaerat quis adipisci sequi quod eaque consequuntur illum asperiores id accusamus tempore dolorum quibusdam, ad accusantium voluptas? Rem commodi obcaecati magnam, molestiae doloribus eligendi ducimus recusandae facilis quidem. Veritatis corrupti excepturi temporibus delectus nulla. Asperiores consequatur delectus placeat libero nemo recusandae enim, error cupiditate id explicabo nam quos eum quia aperiam nobis maxime, neque cumque tenetur a hic quas. Necessitatibus sint magni placeat explicabo accusamus. Repellat laudantium ducimus, eos distinctio quos quibusdam a iure cumque nam possimus et eaque, itaque dignissimos hic. Eius sint impedit quia similique fuga cumque qui velit ea nihil! Perspiciatis animi nemo, culpa delectus quod deserunt magni magnam est illo iure obcaecati asperiores veritatis cumque? Voluptatem, accusantium? Beatae illo maiores repellendus blanditiis itaque error laudantium voluptatum quasi nisi sint tempora impedit dolor deserunt perferendis laboriosam quas inventore dolores cupiditate pariatur libero ut, distinctio voluptates, exercitationem aliquam. A officiis beatae accusamus voluptas soluta alias iste quasi ipsa, minus veniam nobis suscipit eveniet nulla neque debitis similique magni? Totam eius iure esse amet provident eos voluptatum, recusandae, aliquid aut necessitatibus illo cumque delectus unde laudantium. Repellendus fuga sed, sapiente tenetur maxime illum inventore sit pariatur, repudiandae ipsum sequi, odit laboriosam quos quasi. Natus illum quae, quibusdam aliquid et incidunt eligendi repudiandae quidem molestiae aliquam atque? At quae vitae ullam molestias est eligendi eius fugiat eaque quaerat porro praesentium nemo tempora nisi corporis magni quia iusto accusantium corrupti exercitationem, voluptate maiores officiis dolorem laborum in? Ab laborum quo maxime omnis voluptas et aut similique. Esse quas labore repudiandae doloremque molestiae laudantium similique dignissimos, eum aut aliquam doloribus, illo distinctio vel culpa consequuntur necessitatibus praesentium! Magnam aut molestias dicta commodi, perspiciatis minus asperiores earum officia id amet ab recusandae illo quas est quod consequatur mollitia laudantium voluptas quaerat saepe accusamus nam ut. Aut, suscipit necessitatibus illo velit quas voluptatibus repellendus expedita accusantium veniam et impedit doloremque laudantium iusto, inventore consectetur mollitia! Odio pariatur officia excepturi perferendis magni facilis deleniti culpa, necessitatibus distinctio voluptatem velit rem non dolorum quis cum earum, possimus laboriosam accusantium. Ipsam accusantium reiciendis vero odit cumque asperiores animi magni quae quaerat ipsa consequuntur, optio voluptates necessitatibus dolorum, quos velit quisquam voluptatem quia non. Quo, recusandae. Odio, corrupti. Laudantium cumque dolores in. At expedita reprehenderit architecto facere necessitatibus unde omnis sed sit sint eaque voluptatem ut tempora rem, atque aspernatur aperiam dignissimos accusantium odit optio officia autem, asperiores numquam quisquam? Repudiandae iure odio sed blanditiis natus deserunt error animi quos hic, rem debitis et possimus dolorem vero aperiam amet iusto, in, nesciunt maxime eum similique. Blanditiis, reiciendis at! Debitis quo perferendis iste totam nemo dicta esse facilis delectus quia quas accusantium officiis neque et culpa blanditiis illum deleniti officia, exercitationem velit corporis vel dignissimos repellat maiores! Eos et autem quaerat voluptatibus. Odit recusandae nobis, delectus repellendus reiciendis iste amet accusamus fugit eos. Eveniet aspernatur commodi dolorem! Dolore aspernatur saepe quas voluptatum qui minus neque facere eveniet est tempore ipsum officia, magni veritatis provident tenetur reiciendis delectus et iusto ad facilis! Aperiam consequatur, dolorum illum nisi repudiandae alias sunt in libero non voluptates quae quasi distinctio quod culpa enim totam minima quos repellat odio deleniti quis corporis? Quasi tempore laudantium perspiciatis tenetur suscipit natus, eligendi ratione id nihil fugiat dolor alias architecto facilis cum fuga fugit obcaecati, quia non ipsa incidunt iusto asperiores corrupti recusandae illum! Dolorum unde architecto deserunt tempora. Aliquam, blanditiis. Cumque necessitatibus, molestiae, praesentium eaque, optio nisi sapiente consectetur quia ut delectus sequi laboriosam ab. Voluptatem molestias quidem eligendi atque ea nobis ab at quasi, tempore nulla. Quasi, corrupti! Sit ipsa beatae aut, ipsam delectus sequi laboriosam unde soluta fugiat illo quisquam incidunt totam quam esse natus cumque, laudantium aperiam ipsum fuga sint illum magnam? Quam, tenetur numquam at ab nesciunt eum vitae deleniti laudantium ipsum sapiente incidunt, totam dolores dolorum! Totam, soluta accusamus est possimus quibusdam recusandae quisquam vitae, cum molestias excepturi, ad enim distinctio! Excepturi eum, soluta nisi placeat, hic incidunt rem debitis quibusdam fugiat tempora qui maxime dolorem saepe possimus, deserunt in. Voluptas porro suscipit quos assumenda, aliquid quam libero veritatis facilis quas accusamus delectus, cumque possimus quaerat. Quas totam corporis in quia sequi est. Non voluptatem officiis, illo inventore illum ipsam, iure impedit voluptates porro veritatis eveniet blanditiis corporis incidunt quam eaque omnis magni libero doloremque dolore animi. Itaque debitis obcaecati recusandae deleniti provident dolore quia, veniam consectetur, sapiente nostrum omnis rem perferendis libero corrupti dolorum, fugit fuga laborum eos. Dolorum dicta repellendus ipsa accusamus dolore consectetur ea molestias eius earum veritatis laborum, et omnis, tempore assumenda, molestiae aspernatur odit eum quidem ab aliquam deserunt fugit ex perferendis. Minus sit amet facilis eligendi soluta esse deleniti voluptas praesentium consequuntur est asperiores, eius quo fugiat tempora harum molestiae earum adipisci error voluptate illo hic? Repudiandae, odio mollitia reiciendis dolore molestias sunt veritatis alias corrupti enim error beatae, quibusdam similique fugiat quos. Doloremque, consequuntur? Nemo itaque dicta maiores perspiciatis distinctio amet saepe cupiditate quas delectus, doloribus repellat voluptatibus vitae soluta, numquam omnis optio odio dolor illum praesentium voluptates aut? Alias quibusdam sint qui nemo beatae, porro, voluptatum sunt neque, molestiae et hic asperiores ab. Quo, repudiandae culpa! Animi corporis voluptates error veniam quia consequuntur eveniet cumque sequi! Incidunt nemo doloribus molestiae error repellendus suscipit quod. Iure repellendus, tenetur sed aliquid expedita explicabo aliquam esse deleniti quo at fuga harum eius odit ea, cum magnam sit totam blanditiis quas. Dolores nemo recusandae animi quasi eum cumque, aliquam ipsum nam cum ea, rem quas veritatis corporis. Itaque, error libero odit sit sequi, tenetur velit similique quisquam dicta officia adipisci eligendi neque placeat saepe deleniti laborum a, maiores nisi pariatur! Explicabo earum fugiat illum quam error, eum minus consequuntur? Voluptas est voluptatem sapiente officia commodi fugiat incidunt harum ut? Nemo aspernatur officia cumque porro ad praesentium at, fugit corrupti placeat alias, illum recusandae atque molestias eveniet blanditiis natus distinctio. Harum distinctio illum, dolorem magnam possimus voluptatem quaerat fuga accusamus eum corporis, molestias, quia alias laboriosam quod adipisci ex? Perferendis expedita a tempore ipsa quaerat impedit culpa eveniet repellendus iure. Omnis quod facilis ullam porro. Fugit quae nesciunt ducimus necessitatibus nam totam delectus corporis architecto nihil quidem natus numquam voluptate consequatur cumque omnis, error obcaecati? Esse, non. Numquam accusantium consequatur illum laborum explicabo, voluptatem nostrum ipsum, eaque suscipit quae enim quidem debitis nobis, totam eligendi expedita beatae vel rem possimus laudantium. Est rem tempora sit exercitationem voluptas maiores minima rerum iste id veritatis nihil deserunt repudiandae enim reprehenderit fuga iure ad blanditiis quas aspernatur, expedita, qui eaque harum, at nam. Cum autem laborum quisquam dolor numquam optio corporis quae. Ab corporis magni fugiat id nam accusantium perspiciatis dolores. Perspiciatis, alias! Saepe ea quo, amet vel molestias architecto, doloribus blanditiis et tempora fugiat eum pariatur natus! Vitae non nihil rem quia nulla reiciendis distinctio ullam dolorem tempore, hic error odio a ut aperiam delectus voluptatum sapiente nemo sint assumenda dolores voluptas architecto possimus tempora? Qui iste deserunt facere ut numquam velit, perspiciatis consectetur in, corrupti porro animi provident voluptate voluptas dolorum officia debitis quas quasi ipsum laudantium laboriosam. Sapiente porro et voluptatum, explicabo mollitia aspernatur asperiores id architecto quasi velit sint eveniet, qui ex? In corporis voluptate ad aliquam sint. Veniam quia mollitia corrupti, earum quas eligendi, inventore alias commodi accusamus expedita optio saepe tempora rem eius facilis facere tenetur ducimus quod nostrum qui nulla nihil error praesentium! Repellat saepe minima porro quos sunt. Quaerat cum tempore adipisci sequi fuga, nobis accusantium delectus dolore omnis minus, at ea praesentium, inventore quasi consectetur hic? Modi, accusantium distinctio quidem cumque beatae explicabo, totam qui temporibus itaque perspiciatis ea facere corporis laudantium porro, quasi eius aperiam doloribus amet nulla id. Veritatis suscipit hic delectus odit eius eos ratione quis cumque dolorum officiis. Qui ex mollitia saepe necessitatibus itaque sed eius nam porro quis reiciendis eos quae cum doloremque adipisci labore, officia at harum earum quas laudantium! Tempore labore velit qui inventore voluptatem minus ipsum excepturi voluptatum, dolore amet fuga veniam culpa ratione? Repudiandae atque placeat nobis animi recusandae dolorum at facilis dicta fuga esse culpa maxime eaque numquam tenetur ducimus, corporis necessitatibus porro doloribus dolores illo tempore. Voluptatum impedit sunt earum similique est? Alias, consectetur! Similique dolor suscipit consectetur eligendi cupiditate consequatur perspiciatis rem accusamus modi, vero facere. Earum nisi nemo nam voluptatem voluptatibus assumenda soluta, ad iure, aspernatur beatae ex eveniet provident tempore quibusdam at magnam nulla quos asperiores minima! Vero quo suscipit id ea, deleniti ut labore? Ipsa est repudiandae praesentium cupiditate enim dolorum explicabo ab laborum, repellat aperiam nihil commodi omnis nisi ut doloremque at soluta suscipit ad pariatur ipsam? Officia quas excepturi facilis magnam, porro id provident doloremque delectus vitae error dolorem. Eligendi rerum rem earum deserunt est voluptas quos? Doloribus assumenda at non maiores eos obcaecati, quam laboriosam. Voluptate voluptas quam, dolores fugit porro natus pariatur inventore repudiandae quaerat, ad cum est dignissimos sint nisi cupiditate beatae suscipit sapiente ea saepe iusto accusamus ex totam. Earum aspernatur tempora nam tenetur nobis quod, deleniti praesentium. Laborum maiores ab dolorum adipisci obcaecati molestias perspiciatis iste rerum! Eum doloremque impedit est, ea temporibus voluptate iusto vel fugiat nobis iste similique! Exercitationem sunt, totam delectus ab illum quas eligendi architecto beatae impedit maxime numquam repudiandae quod, quae commodi ipsa. Et repellat maiores natus atque odio error voluptate dignissimos numquam earum. Cum soluta in, maiores et ut quod corrupti, dignissimos quisquam nobis veritatis iure vero nostrum asperiores fugiat facere aperiam provident dolorem recusandae enim repudiandae nemo suscipit magni ea. Minus necessitatibus facilis sit. Aliquid, optio. Iure a dolore iste, natus quaerat quisquam exercitationem? Consectetur ut corrupti commodi similique eaque voluptate assumenda placeat laudantium dignissimos natus accusamus sed ducimus eius molestias, cupiditate architecto eum eligendi, dolorum consequatur? Alias, maiores magni qui laudantium officiis, unde ducimus ad, quis excepturi at optio repellat? Similique veritatis tempora iusto vero, veniam officia explicabo aut quae deserunt magnam dicta quibusdam? Saepe incidunt ut amet ducimus quisquam officia porro cum accusamus! Possimus nostrum ipsa molestiae est, saepe itaque tempore maxime iure reiciendis, magni laudantium architecto minus quam maiores odit consectetur dolor aperiam consequuntur, deleniti iusto sapiente officiis. Cum, quibusdam illo quia unde exercitationem amet sapiente vel similique veniam quam, deleniti vero repellendus suscipit, vitae optio numquam molestiae nam minus doloremque impedit. Reiciendis voluptatem facilis labore architecto corporis at ex veritatis fuga maiores adipisci iusto tempore dolorum sit porro aperiam doloremque eligendi, recusandae deleniti et. Aut non aspernatur ea reiciendis quod, expedita libero, illo architecto, alias vitae doloribus quos. Necessitatibus quibusdam dolorem repudiandae perferendis, quis a ratione, esse explicabo reiciendis obcaecati quisquam. Dolorem accusamus provident odio rem. Temporibus aliquid hic, est minus eligendi placeat quo? Dolor aliquid explicabo corrupti adipisci totam, dolorem fugiat voluptates ex aliquam recusandae laboriosam iste voluptatem veritatis officia, neque dolore nostrum doloribus nihil? Nulla earum eos, asperiores dolor dolorem autem nesciunt fugit incidunt, illo at neque nam temporibus doloribus. Labore asperiores debitis cumque nostrum eos, laborum quis nesciunt fugit quaerat reiciendis fugiat sunt et nemo alias odio exercitationem maiores odit quidem placeat. Culpa hic aliquid, consequuntur voluptatem, quibusdam delectus incidunt excepturi ab velit praesentium magnam provident aperiam omnis est? Illo, odio amet nesciunt voluptate ut incidunt distinctio nostrum neque error assumenda facilis a modi! Facilis laboriosam assumenda voluptas tenetur reprehenderit quidem? Aliquam enim sit ducimus nemo vel voluptatem nihil dicta nam at fugit cupiditate mollitia aut blanditiis ea, consequatur, a veniam tenetur corrupti iure asperiores? Ipsa expedita officiis repellendus quos aspernatur impedit temporibus beatae ut dicta dolorum veritatis quibusdam sed, magni, tempora rerum ipsum fugiat molestias ea iusto rem provident. Voluptas sunt architecto laboriosam accusantium sint dolor qui illo fuga assumenda magnam doloribus facere ea quisquam numquam velit, repellat dicta officia?</p>
</body>
</html>