I might be getting a bit overly creative here … Given your concerns about degradeability and mobile devices, this approach might be suitable:

<!-- Begin mockup: In order to preserve an editable mockup, please
     don't edit this section directly.
     Click the "edit" link below the image in the preview instead. -->

![mockup](https://i.sstatic.net/mTwNE.png)

<!-- End mockup -->

(Note that my labels suck …)