fix for new direction keywords

to accompany https://github.com/component/tip/pull/23/files

also added a little helpful comment at the top to remind people of dom structure while editing styles, find it super helpful