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

Popular posts from this blog

java - pagination of xlsx file to XSSFworkbook using apache POI -

Unlimited choices in BASH case statement -

apache - How do I stop my index.php being run twice for every user -