a box appear next to an li element

Question

i have a box :

#box1 { 
            height:100px;
            width:208px;  
            } 

and a list

<li id="first"><strong>FIRST</strong>
</li>

<li id="second"><strong>SECOND</strong>
</li>

<li id="third"><strong>THIRD</strong>
</li>

<li id="fourth"><strong>FOURTH</strong>
</li>

with jquery i can make the box appear when i click on an li element...but i want the box to appear next to the element and not right down of the li... i just want to appear right next to it...

Answer 1

Can you try display:inline-block; on the ul element. just a wild guess. would need more details.