McDonalds Logo In 2 HTML Elements — Second Element Is *Not* The Second Arch!

This is part two of my 1 HTML logo creation experiments. In the original article I created the Nike Logo using 1 HTML element.

Grab your copy of CSS Visual Dictionary incl. diagrams of all CSS properties.

That’s right. Both arches are created a single HTML element! This might sound miraculous at first. But…

The basic idea is to use elliptical border-radius by providing two values instead of one. And knowledge of :before and :after pseudo-selectors