html - Making a breaker li in between a list of li -


i trying make dynamic list want make breaker list somewhere in middle of it, can't figure out how style specific li amongst others?

here trying accomplish:

<ul id="games">     <li class="myturn">test 1</li>     <li class="myturn">test 2</li>     <li class="breaker" style="height:3px;"></li>     <li class="theirturn">test 3</li>     <li class="theirturn">test 4</li>     <li class="theirturn">test 5/li>     <li class="theirturn">test 6</li> </ul> 

can done? cant work. appreciated , in advance :-)

css:

.breaker{     list-style-type: none;     border:1px #000 solid } 

fiddle: http://jsfiddle.net/bb52w/1/


Comments

Popular posts from this blog

Why does Ruby on Rails generate add a blank line to the end of a file? -

keyboard - Smiles and long press feature in Android -

node.js - Bad Request - node js ajax post -