html - How to align every two <li> next to each other -

-

i trying align every 2 li elements side side (like : 0-9, a-b, c-d, ...). currently, aligned one-by-one.

<ul>     <li class="alphabetrow"><a href="#" id="alpha_1" class="alphabet active" >0-9</a></li>     <li class="alphabetrow"><a href="#" id="alpha_2" class="alphabet" >a</a></li>     <li class="alphabetrow"><a href="#" id="alpha_3" class="alphabet" >b</a></li>     <li class="alphabetrow"><a href="#" id="alpha_4" class="alphabet" >c</a></li>     <li class="alphabetrow"><a href="#" id="alpha_5" class="alphabet" >d</a></li>     <li class="alphabetrow"><a href="#" id="alpha_6" class="alphabet" >e</a></li>     <li class="alphabetrow"><a href="#" id="alpha_7" class="alphabet" >f</a></li>     <li class="alphabetrow"><a href="#" id="alpha_8" class="alphabet" >g</a></li>     <li class="alphabetrow"><a href="#" id="alpha_9" class="alphabet" >h</a></li>     <li class="alphabetrow"><a href="#" id="alpha_10" class="alphabet" >i</a></li>     <li class="alphabetrow"><a href="#" id="alpha_11" class="alphabet" >j</a></li>     <li class="alphabetrow"><a href="#" id="alpha_12" class="alphabet" >k</a></li>     <li class="alphabetrow"><a href="#" id="alpha_13" class="alphabet" >l</a></li>     <li class="alphabetrow"><a href="#" id="alpha_14" class="alphabet" >m</a></li>     <li class="alphabetrow"><a href="#" id="alpha_15" class="alphabet" >n</a></li>     <li class="alphabetrow"><a href="#" id="alpha_16" class="alphabet" >o</a></li>     <li class="alphabetrow"><a href="#" id="alpha_17" class="alphabet" >p</a></li>     <li class="alphabetrow"><a href="#" id="alpha_18" class="alphabet" >q</a></li>     <li class="alphabetrow"><a href="#" id="alpha_19" class="alphabet" >r</a></li>     <li class="alphabetrow"><a href="#" id="alpha_20" class="alphabet" >s</a></li>     <li class="alphabetrow"><a href="#" id="alpha_21" class="alphabet" >t</a></li>     <li class="alphabetrow"><a href="#" id="alpha_22" class="alphabet" >u</a></li>     <li class="alphabetrow"><a href="#" id="alpha_23" class="alphabet" >v</a></li>     <li class="alphabetrow"><a href="#" id="alpha_24" class="alphabet" >w</a></li>     <li class="alphabetrow"><a href="#" id="alpha_25" class="alphabet" >x</a></li>     <li class="alphabetrow"><a href="#" id="alpha_26" class="alphabet" >y</a></li>     <li class="alphabetrow"><a href="#" id="alpha_27" class="alphabet" >z</a></li>   </ul>

fiddle: https://jsfiddle.net/g8jzgzev/1/

you mean this. https://jsfiddle.net/g8jzgzev/4/

ul {   list-style-type: none;   overflow: hidden; } li {   float: left; } li:nth-child(2n) {   clear: left; }

float them , clear every third one.


Comments

Post a Comment

Popular posts from this blog

ZeroMQ on Windows, with Qt Creator -

-
i have installed zmq link given below on windows 7. http://zeromq.org/distro:microsoft-windows 1) have c++ project in qt-creator , i'm using zmq c++ binding (zhelpers.hpp etc). 2) have added .lib installed zmq folder qtcreator 3) while compiling, compiler looks _imp__zmq_verion, in .dll files present in .lib have __imp_zmq_version. 4) causing undefined reference zmq_version. anyone else faced problem , has solution ?
Read more

unity3d - Unity SceneManager.LoadScene quits application -

-
i have 2 different scenes 1 named 'main' , other 'game' both added scenes in load. when use scenemanager.loadscene("game"); works no problem when tried return main scene code if (input.getkeydown (keycode.escape)) { scenemanager.loadscene("main"); } strangely game quits. thanks. sorry interruption. somewhere on other script found code. if (input.getkeydown (keycode.escape)) { application.quit (); } that's bad, know...
Read more

python - Error while using APScheduler: 'NoneType' object has no attribute 'now' -

-
i have python app hosting on heroku. use apscheduler call function every day @ time. strange thing 1 time function runs after while have following error log: exception in thread apscheduler (most raised during interpreter shutdown): 2017-09-06t15:03:28.347848+00:00 app[web.1]: traceback (most recent call last): 2017-09-06t15:03:28.347858+00:00 app[web.1]: file "/app/.heroku/python/lib/python2.7/threading.py", line 810, in __bootstrap_inner 2017-09-06t15:03:28.347859+00:00 app[web.1]: file "/app/.heroku/python/lib/python2.7/threading.py", line 763, in run 2017-09-06t15:03:28.347861+00:00 app[web.1]: file "/app/.heroku/python/lib/python2.7/site-packages/apscheduler/schedulers/blocking.py", line 27, in _main_loop 2017-09-06t15:03:28.348167+00:00 app[web.1]: <type 'exceptions.attributeerror'>: 'nonetype' object has no attribute 'now' any guesses? the full code long here key parts: def startdayauto(): global ...
Read more