Question

I am trying to build a carousel with left and right arrows. How do I align the right arrow to the very right side of the screen? I looked through many post to figure it out, tried both float and align, can’t figure it out.

Here’s my JSFiddle: http://jsfiddle.net/agassi0430/CcAMD/

Thanks in advance for the help.

Answer 1

It would be easiest to use position: absolute; on the arrows and align them using right: 0; left: 0; . You also have to remember to set position: relative; to the element that contains them in order for the position absolute to work within that container.

Here’s the fiddle.

Also, watch out for your html markup. It’s not valid to put anything other than <li><li> (list item) in between <ul></ul> (unordered list)