Putting a DIV tag inside another DIV tag

I am pretty new to web design stuff but what I understood from DIV tag is that I it like a logical container for what ever is inside it and those thing will follow its rules.. so now I have an outer DIV tag defined as <div style="margin-left: 10px;" >and I have put some textbox, buttons, comboboxes inside it...now I also have a HyperLink that I want it to be there BUT I want this one to be at the right hand side , aligned to right , so I defined another DIV like <div align="right"> and put the hyperlink insde this one. they are all still inside that other outer DIV tho. but it is not going to开发者_开发技巧 the right...what is wrong and how can I fix it? I attached the picture, see I want it to be like this picture, at the right hand side of that combobox...

thanks all

---

As long as you need to align inline element (your link tag) to the right, you can use text-align property of the style, and set it to right:

<div style="text-align:right">
  <a href="">blabla</a>
</div>

---

there is no align. Do you mean text-align? That will affect inline elements within block level elements.

---

Try this:

<div style="margin-left: 10px;">
    <p>Reason for Referral</p>
    <input type='text'></input>
    <div style="display:inline"><a href='#'>Not Found?</a></div>
</div>

---

Maybe its below the combobox becouse the text is too long to fit in the outer div? that would make it go one row lower.

---

If you have something like:

<div class='group'>
    <p>Reason for Referral</p><br/>
    <input type='text'></input>
    <div class='right'><a href='#'>Not Found?</a></div>
</div>

Then in css:

div.right {
    float: right;
}

You should get something close to the effect you want.