Making Elements Stack

As you can see from the code rendering, links sit side-by-side by default. Change the CSS to make the links stack on top of one another.

Hint: Make sure your properties are in alphabetical order.

True or False: inline-block elements sit side-by-side, just like inline elements.

Using Vertical Padding

As you can see from the code rendering, the padding on the links works as expected on the sides, but on the top and bottom it causes overlapping because it isn't factored into the layout.

Add the necessary styles to keep the elements side-by-side, but respect the vertical padding as part of the layout.

Hint: Make sure your properties are in alphabetical order.

Hiding Elements

Write the CSS needed to remove the "Hide me" paragraph only from the page, while leaving the others visible.

You'll need to look at the HTML code in it's tab.

True or False: Elements set to display: none are still present on the page, only transparent.

What is the difference between inline elements and inline-block elements?

Side-by-Side Elements

Write the CSS needed to make each item sit side-by-side. The vertical padding, margin, and border don't need to be factored into layout.