How Do I make a div tag occupy the half of the right hand side of my Web page?

Question

It is a basic HTML question.

I have some div tags, which have some controls and occupy left half of my screem.

I Want to have a div tag to display some messages in the right side? I used somthings like:

float = right;

in my css class. It didn't seem to work. What other properties I need to set.

Here is the code sample

<div class ="header_label">
@Html.GetLocalizedString("program_snapshotRecipientAdress")&nbsp; @Html.TextBox("txtRcpntAdress")
</div>

   <div class ="header_label">
@Html.GetLocalizedString("program_snapshotUsertype1") &nbsp; @Html.RadioButton("Usertype", "One", new { id="rb1"})
 &nbsp; &nbsp;
@Html.GetLocalizedString("program_snapshotUsertype2") &nbsp; @Html.RadioButton("Usertype", "Two", new { id = "rb2" })
<div class ="commentsHeight"></div>
 </div>
   <div class ="header_label">
@Html.GetLocalizedString("program_snapshotDate") &nbsp; @Html.TextBox("SnapshotDate")
</div>

  <div id ="CMSContent">
<div class ="CMS-message">
@Html.Raw("S=This is the div I need to place in the right hand side")
</div>
</div>

Answer 1

I didn't understand your question so much, but I'll try to answer. If you have some div on the left and you want another one on the right you have two choice:

1) The first one is to set one div on the right and another on the left:

<div>
    <div style="float: left; width: 50%">I'm on the left</div>
    <div style="float: right; width: 50%">I'm on the right</div>
</div>

2) The second one is to set every div on the left

<div>
    <div style="float: left; width: 50%">I'm on the left</div>
    <div style="float: left; width: 50%">I'm on the second on the left</div>
</div>

Answer 2

1. Are you sure that you named the div correctly?

2. the correct way to your command is

   float : right;
   

3. If you want your div to be half of your screen you should write something like:

   width : 50%;