# Responsive list numbers

The list numbers are positioned on top of the text in narrow viewports, then converts to hanging numbering if space allows.

The following text was taken from Mark Boulton's Five simple steps to better typography - Part 2.

1. Hanging punctuation is an area of typographic design which has suffered at the hands of certain software products. It’s a term which refers to glyph positioning to create the illusion of a uniform edge of text.
2. It’s most commonly used for pull-quotes, but I feel the most neglected is that of bulleted lists.
3. With the advent of desktop publishing it became suddenly very easy and cost-effective to produce bodies of text. The problem was these bodies of text work within a box. Every character in this box had to be within the box, Hanging Punctuation requires characters to be out of the box. This was a problem for the software and as a result was ignored. An important aspect of typesetting just swept under the carpet like that. It’s a great shame.
4. Things are now getting better with Adobe Indesign offering support for Hanging Punctuation, I think the latest version of Quark may do it as well. Not sure about Word - probably not.
5. Well enough of the talk, let’s get down to some examples.