Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Wrapping UL on two lines?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 2, 2011 at 5:35 pm #32975
    grovesk
    Member

    Hi – Trying to wrap UL on separate lines in the footer area. Here’s the staging page

    The first three items (Disclaimer, ADVII, Privacy Policy) in the list are supposed to be on a second line underneath then other list items. We don’t really want to force the width.

    Here’s the HTML

    Here’s the CSS for that section.


    
.footer-links {
    
font-family: 'MinionProItalic', Georgia, "Times New Roman", Times, serif;
    
font-size: 10px;
    
line-height: 16px;
    
color: #FFFFFF;
    
display: block;
    
width: auto;
    
float:right;
    
}
    

    
.footer-links li {
    
font-family: 'InterstateLight', Arial, Helvetica, sans-serif;
    
font-size: 10px;
    
color: #FFFFFF;
    
list-style-type: none;
    
float: left;
    
}
    
.footer-links li a {
    
color: #FFFFFF;
    
padding:5px;
    
}
    

    
.footer-links li a:hover {
    
color: #C94D00;
    
}

    Thanks, Karen

    June 2, 2011 at 5:43 pm #74414
    TheDoc
    Member

    The second list needs to have clear: right;

    June 2, 2011 at 5:56 pm #74415
    grovesk
    Member

    Hi Doc – Not sure if this is what you meant, but I added clear:right; here:

    .footer-links {
    
font-family: 'MinionProItalic', Georgia, "Times New Roman", Times, serif;
    
font-size: 10px;
    
line-height: 16px;
    
color: #FFFFFF;
    
display: block;
    
width: auto;
    
float:right;
    
clear: right;
    
}

    Worked.

    Let me know if you meant something else. Always happy t learn.

    Thanks, Karen

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.