CSS Float left question
        Posted  
        
            by 
                Minghui Yu
            
        on Stack Overflow
        
        See other posts from Stack Overflow
        
            or by Minghui Yu
        
        
        
        Published on 2011-02-17T22:55:14Z
        Indexed on 
            2011/02/17
            23:25 UTC
        
        
        Read the original article
        Hit count: 258
        
<div id="slideshow-prevnext" class="slideshow-prevnext"> 
  <a id="prev" class="left"  href="#"><span class="invisible">Prev</span></a> 
  <a id="next" class="right" href="#"><span class="invisible">Next</span></a> 
  <a href="#" class="dot"> </a>
  <a href="#" class="dot"> </a>
  <a href="#" class="dot"> </a>
</div>
I want the three
<a href="#" class="dot"> </a>
appear on the left of and the two ("Prev" and "Next") on the right.
How can I do it? I tried float:left but does not work.
Edit: CSS is too long to post. Development site is here at : http://site2.ewart.library.ubc.ca/
© Stack Overflow or respective owner