This webpage is a sandbox for me to learn CSS in
I am modified by an ID
I am modified by a Class
I am modified by both a ID and a Class
I am modified to use a specific font
I am modified to have a shadow
I am modified to use a Box Shadow
I am modified to use a custom border
I have an even more custom border
I am modified to prevent overflow of text
Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut, iure ducimus? Aut, molestias, iste in optio corrupti illum praesentium ducimus quae cupiditate similique, minima itaque laudantium voluptate maxime rem dolores.
I am modified to allow text to scroll instead of overflow
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus facere quis porro perspiciatis itaque deserunt dolorem nihil, quod repellat maiores, repellendus soluta mollitia minus assumenda similique, explicabo harum totam omnis.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Reprehenderit vero aperiam aut odit recusandae quia sunt facilis aliquam quibusdam suscipit soluta, dolor harum expedita nesciunt nulla eligendi laudantium placeat quod.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Dignissimos ipsa nobis officiis sit pariatur magnam excepturi minus vel, alias voluptas rem aperiam aliquid, nam facere? Nihil, nobis quisquam. Unde, dolore!
Lorem ipsum dolor sit amet consectetur adipisicing elit. At placeat expedita necessitatibus quos exercitationem vel amet eum delectus nulla quis "on god". Odio repudiandae dolores fugiat provident architecto perferendis qui dicta facilis.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque porro culpa suscipit, veniam harum pariatur error doloremque animi nulla nostrum at ducimus voluptate delectus soluta, qui blanditiis ipsa modi perferendis.
I should make a secret joke page that acts like this. It would be really funny.
Here is how to stack boxes next to each other
Here is a styalized button example
And here is a hyperlink example
Here is an example of a dropdown
Here is an example on how a Float is used
Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat, accusantium consectetur? Blanditiis, eaque dolore. Corrupti facere consequuntur ipsam accusamus non dolore sunt molestiae modi, ipsum doloribus natus repellendus saepe? Cupiditate?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit illum consequuntur tempore doloribus at distinctio magni, aspernatur ullam, beatae illo debitis ea, perspiciatis vitae. Quia voluptatibus non totam. Aspernatur, voluptatibus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates repudiandae perspiciatis exercitationem modi delectus cum, deserunt facere, temporibus vitae quod laborum. Doloremque consequatur odio cum, autem nulla deserunt debitis quae!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum illum molestiae, unde saepe officia libero ipsa eveniet repellat, veritatis harum est. Placeat nesciunt officiis illo neque, totam quae numquam deserunt.