Displaying it Properly


#1

How come this is right?

/*Add your CSS here!*/
display: inline;
padding: 5px 5px 5px 5px;

border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
border-radius: 5px 5px;
background-color: #cc0323

And this is wrong...

/*Add your CSS here!*/

border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
border-radius: 5px 5px;
background-color: #cc0323
    display: inline;
padding: 5px 5px 5px 5px;

#2

Because the last property doesn't require a semi-colon:

border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
border-radius: 5px 5px;
background-color: #cc0323 <- no semi-colon, but last property so you are okay

in your second example:

border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
border-radius: 5px 5px;
background-color: #cc0323 <- no semi-colon, not last property
    display: inline;
padding: 5px 5px 5px 5px;

it is no longer last property, and you didn't add a semi-colon, the next line gets wrongly interpreted.