programming work

profileJasonmaster
icecream-_1.docx

Brr… It’s so cold today. Don’t you wish you were on a beach eating some ice cream?

So basically I want you guys to try to make the following icecreams by using <div> and what we learned from yesterday:

Float:left; <-what does this do?

Clear: both; <-what does this do?

I will provide you guys with a small template to help you start out. You MUST do at least one and ATTEMPT to do another. The ones closer to the bottom are extra credit.

Html :

<div id="box1">

</div>

<div id=”box4”>

Css:

#box4{

height:100px;

width: 25px;

clear: both;

border-radius: 0px 0px 25px 25px;

margin-left: 35px;

background-color:#c9a68f;

float: left;

Html:

css:

Super extra credit bonus question: +50pts

HTML:

CSS: