How to align lists to top right?


Tags: html,css

Problem :

How to align lists to top right ? How can i align a list to the top right of the div that contains it ? Will float work ?

Html

<div id="wall">
<ul>
<li><a href="Login.html">Login</a></li>
<li><a href="signup.html">Signup</a></li>
</ul>
</div>

CSS

#wall{
position:relative;
}

#wall ul li {
list-style:none;
margin-right:50px;
position:absolute;
top:0;
right:0;
}


Solution :

apply position:relative to the parent div. After apply the following styles for the list.

.list{
position:absolute;
top:0;
right:0;
}

EDIT

Thanks to Manwal for adding the jsfiddle.

DEMO


    CSS Howto..

    css floating problem: how to get a left float to wrap around a right float

    How to “crop” a rectangular image into a square with CSS?

    How to Keep element absolute at their location bootstrap 3

    How to set size of font with CSS without using - hyphen?

    CSS: Div boxes overlap each other and hide text. How to “clear” them?

    How to move elements inside the left column of a 2 column css grid above and below the main content area on collapse

    How to use CSS absolute position inside a scrollable div element

    How do I stylize ::selection in IE8? [duplicate]

    How to add a picture to the top of my webpage?

    How to push image (behind canvas) to front in order for its onclick function to work

    CSS: How to remove the space around? [duplicate]

    How to keep your current screen position while dynamically showing surrounding elements with jquery / css

    How to vertically align text to the middle of a list

    How to remove spacing between the top of a border and a div [closed]

    How can I make my header fade out/disappear on scroll down and reappear on scroll up?

    How to give viewers custom CSS option

    How to use css3 transition on hover for td?

    How to use if else blocks to decide style in Razor?

    How to target CSS for iPad but exclude Safari 4 desktop using a media query?

    How to make an html section right justified and shift to a new row if the window is narrow?

    How to get a property from other class in CSS?

    How to wrap lines in an inline-block with CSS?

    How do I style jQuery UI tabs vertically with a correctly themed border?

    How to combine php send mail forms with a list of image click?

    JavaScript or CSS: How can I make a transition of one element to another?

    How to select not first tr and not last td

    how to set footer at bottom?

    How can I keep the original :focus element with CSS?

    CSS/HTML menu not showing correctly

    How can I simply add a css file to change the background color for my shiny app