jessmess Posted January 12, 2013 Share Posted January 12, 2013 Hi, I'm trying to right align a menu…in other words, I want the menu items to do exactly what they are doing now, but facing the other way. I want the black block to flow from a line in the center column towards the left of the screen, with the text following. Here is the site: http://www.words-ina-jar.blogspot.com This is what I have for menu code: /* Menu -------------------------------*/#PageList1 h2 {display: none;}#menu-wrapper { float: left; width: 300px; margin: 0 0 400px -320px; padding: 0; }#menu { position: relative; float: right; margin:0; padding: 20px 0 0; }#menu ul { margin: 0; padding: 0; }#menu ul li { list-style: none; margin: 0 0 5px; }#menu li a { text-align: right; padding: 2px; font-size: 20px; color: $bodycolor; background: #000000; }#menu li.selected a { color: #fff; } I would really appreciate any help. Thanks,~Jess Link to comment Share on other sites More sharing options...
Ingolme Posted January 12, 2013 Share Posted January 12, 2013 The text-align: right declaration should be on the <li> element rather than on the <a> element. The text-align property does nothing when applied to an inline element. This isn't an XML problem, it's a CSS problem, I'm moving the thread to the appropriate forum. Link to comment Share on other sites More sharing options...
jessmess Posted January 12, 2013 Author Share Posted January 12, 2013 That worked, thank you so much! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now