html - Unsure how to fix li item widths -
i pretty new css , html , trying create drop-down menu has 3 or 4 columns of links per drop down. want columns inline each other. have managed accomplish links in each column going on 2 or more lines , i'd them display on one.
i've been messing around css can't seem figure out how make them display on 1 line per link.
in codpen, see working with: http://codepen.io/anon/pen/vlqgqm
the best i've been able make
.tlgnav .tlgnav-column { width: 100%; } , makes columns stack on top of each other, not want.
i thinking might have .tlgnav li being set @ width of 16.66% if change that, menu doesn't fill width of screen.
can tell me doing wrong?
you can use white-space : nowrap avoid line breaking, maybe it's better way doing this. answer solution if gets better follow it.
http://codepen.io/anon/pen/bjgzgz
.tlgnav h3 + ul li { white-space:nowrap; }
Comments
Post a Comment