Create and test an HTML document that has at least a half-page of
text and a small box of text embedded on the left margin, with the main
text flowing around the small box. The embedded text must appear in a
smaller font and also must be set in italic.
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<style>
p {
float: left;
max-width: 250px;
font-size: 12px;
font-style: italic;
}
</style>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure tenetur quod odio molestias, doloribus quae nihil eum at sint molestiae optio porro soluta et pariatur cum labore sed aliquid, placeat nisi asperiores laudantium ipsam magnam. Molestias eius corporis nobis animi quibusdam. Itaque, quaerat quas quia beatae eveniet obcaecati nesciunt, nihil rem, deleniti officiis aliquid accusantium ea consequatur omnis reprehenderit error laboriosam inventore voluptatem? Velit explicabo, aliquam iusto consequatur perspiciatis minus, nostrum, obcaecati aspernatur tenetur sint autem quia suscipit quibusdam eos molestias excepturi doloribus! Vero harum quasi et dicta libero nam ratione reiciendis consequatur nulla sapiente, optio ullam illo veniam recusandae molestiae quia consectetur cumque qui? Consectetur, excepturi incidunt nisi porro id atque exercitationem animi? Accusamus tenetur rem reprehenderit. Ratione aliquid aspernatur nemo pariatur, exercitationem porro nihil similique debitis quis iure consectetur adipisci quos molestias laboriosam unde? Sint cum praesentium aliquid, quam tenetur beatae consequatur maiores et ipsum itaque consectetur velit quas adipisci modi blanditiis officiis eveniet natus veniam debitis maxime labore molestiae! Quae corporis cum libero eveniet iusto cumque eligendi rerum magnam. Animi doloremque quas amet nisi ipsum voluptatum minima perferendis veritatis iusto dicta odio mollitia ratione, totam fugit, vero quidem pariatur eius tenetur nesciunt ex expedita dignissimos, dolores incidunt accusamus? Eum, eligendi vel mollitia, maiores molestiae ut nostrum dicta corrupti nesciunt, a dolor possimus itaque totam explicabo aut. Accusantium et aliquid quas obcaecati iusto, inventore saepe perspiciatis, id reprehenderit a sed culpa impedit recusandae, eius dolorem aut beatae nisi ab ea commodi molestias sapiente quo! Laborum deserunt ut iure quasi quam sunt labore ex ea eveniet corrupti reiciendis debitis minima magnam adipisci ipsa nemo a magni veritatis, nesciunt repudiandae in accusantium beatae libero. Ex voluptates amet rem, asperiores debitis dolores nulla, optio quia sunt rerum enim commodi! Odit similique minus id magnam dolorem reprehenderit praesentium vel aliquid doloremque maiores minima quaerat voluptatum sed quisquam distinctio eos sequi fugit possimus, tempore vero quibusdam accusamus consectetur magni eligendi? Facilis itaque veritatis, aperiam quae pariatur quidem corrupti iure veniam quo adipisci laudantium vero error hic laborum id consequuntur et voluptatem.
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem at hic distinctio omnis dolore laborum nesciunt dolorum, labore ducimus, et necessitatibus beatae dicta neque iusto architecto assumenda inventore quia. Ut quam tempore porro et ratione ipsam dolorum quisquam eius officia, sit voluptate, velit magnam ducimus incidunt corrupti. Nam, officia sunt?</p>
Laboriosam tempora doloribus tempore optio placeat. Nostrum dolor natus qui voluptas velit, facere sint eveniet? Illo eveniet ullam accusantium iste inventore labore, culpa quia reprehenderit beatae officiis dolore nam dolorum. Voluptatem molestiae facilis tempore, quibusdam corporis inventore vel ducimus nulla, ipsam enim animi mollitia maxime earum cupiditate optio numquam quod amet error magni eum necessitatibus reprehenderit rem nesciunt repellat. Expedita, iste reiciendis nesciunt id vitae perferendis suscipit culpa ipsam, aut vel, minima quibusdam nam. Magnam quasi, eius illo possimus nam tenetur porro mollitia, minus ea a at velit explicabo ullam quisquam ratione quae earum numquam beatae deleniti. Odio minima totam fugit molestiae tempore sapiente ea necessitatibus at? Sapiente cumque suscipit atque odit ex odio eos? Cum ut eos, voluptatibus sed optio pariatur inventore, placeat earum veniam, animi neque eveniet molestias aliquam commodi ullam facere id delectus nemo. Modi quibusdam numquam nesciunt, vitae nulla reprehenderit distinctio veritatis quis maiores praesentium laudantium commodi ut soluta quia aut consectetur accusantium? Porro quaerat, fugit saepe numquam id omnis! Iste provident suscipit explicabo incidunt molestiae omnis a rerum perferendis reprehenderit commodi, vero ea vel obcaecati mollitia dicta aliquam corporis labore enim quisquam cum pariatur. Ducimus sed error quo consectetur itaque vel nostrum tempore sapiente vero corrupti rem obcaecati, quasi labore eius magnam alias cumque placeat aliquid voluptas debitis eaque recusandae nam. Rerum voluptates nihil culpa, excepturi ratione modi recusandae consequatur atque, nobis illum qui ut? Amet earum cumque incidunt consequatur sit, repellendus excepturi rerum ab optio similique, tenetur neque reiciendis dolore, nobis deserunt dolores porro impedit illo tempora mollitia corrupti. Placeat a voluptas maxime dolorum quod dignissimos unde sint hic obcaecati iusto veniam error ab explicabo quidem reprehenderit deleniti, velit minima quia recusandae fugiat commodi maiores. Dicta tenetur quae nemo sunt voluptate odio odit, cupiditate dolores obcaecati cum minima similique deserunt. Consectetur, adipisci similique nam suscipit illo dolore recusandae quaerat dicta fugit illum laudantium iste ut repellendus vero nemo rem amet saepe laborum quod magni error blanditiis odio harum? Quisquam illo provident nisi reprehenderit, ab deserunt laudantium hic facere fugiat quaerat iure recusandae aut repellat adipisci, officia error quidem, optio nihil dolorum maiores. Omnis suscipit mollitia consequatur veniam debitis vero. Quo vero dolore vel ea eaque. Enim eveniet cumque eligendi ab neque repellendus architecto quo, nobis ipsa a autem explicabo quae possimus corrupti, distinctio ex et ut? Harum beatae ducimus magni, consequuntur dolores, explicabo aperiam maiores vero ut recusandae deserunt velit maxime aspernatur suscipit provident doloribus consectetur delectus facilis quia rem voluptatem quis iure quaerat. Deserunt dolorum quod nobis sint autem, laborum et dicta, repudiandae, nemo sed fugiat? Nemo corrupti perspiciatis incidunt itaque culpa fuga facilis, sit consequatur dolorem, eius voluptates quis praesentium placeat, explicabo officia? Quasi, quam earum illum ducimus numquam accusantium eaque ipsa animi maiores repudiandae voluptatem dolorum, velit sint molestiae libero culpa distinctio? Nobis, ipsa doloribus repudiandae sint quasi ad! Quo, saepe illo repellendus maiores labore voluptas doloremque, eos temporibus fugiat, sit placeat dolorum cum. Quasi incidunt quisquam fugiat ea, adipisci provident earum, amet cum magni officiis repellendus cupiditate maxime culpa perspiciatis distinctio itaque eum natus eaque labore corporis in ipsam odit? Quo incidunt dolores placeat, vero maiores veniam hic totam aliquid tempora corporis facilis itaque quis, commodi neque pariatur odit? Blanditiis in eum voluptate accusantium, dolores modi labore cumque cupiditate. Repudiandae excepturi perferendis culpa hic facilis velit numquam sapiente qui accusamus consequatur. Eveniet impedit soluta cum quos labore nemo velit dolorem. Nihil sunt sint vero beatae mollitia magni at cum necessitatibus laudantium est ab maxime, eveniet possimus dolore quod illum corrupti accusantium labore incidunt eum iure asperiores? Cupiditate ratione voluptatem repellat consectetur deleniti eaque asperiores debitis ullam culpa sunt ducimus incidunt alias, dicta hic perferendis ex modi iusto est velit. Incidunt eos asperiores delectus possimus aut pariatur repudiandae. Tempora veritatis libero repellendus adipisci, ea voluptas harum deserunt ut, enim magnam recusandae sit eius rem natus vero doloribus esse! In distinctio optio et non deserunt, possimus eius esse provident quos. Quis eligendi obcaecati sed? Eaque modi soluta doloremque consequuntur aperiam dolores laudantium laboriosam pariatur.
</body>
</html>
Comments
Leave a comment