title: align label properly with a textbox only using css
body: <p>I know reading this title one might thought of the same old story of css but its not the same.
  I have a textbox and I have given it placeholder property and applied a css class to it.
  Now I have to add a label to mark it a mandatory field.
  The problem is because of css, I am not able to place the label on the top right corner of the textbox.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;div id="formwrap"&gt;
          &lt;div class="formarea"&gt;
              &lt;p class="sub_headline"&gt;
                  User Details&lt;/p&gt;
  
              &lt;asp:TextBox ID="txtFname" class="input" placeholder="First name" runat="server"&gt;&lt;/asp:TextBox&gt;
              &lt;asp:Label runat="server" Text="*" ForeColor="Red"&gt;&lt;/asp:Label&gt;&lt;br /&gt;
              &lt;asp:RequiredFieldValidator runat="server" ErrorMessage="Please Enter First name" ControlToValidate="txtFname" &gt;&lt;/asp:RequiredFieldValidator&gt;
  
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css code:</p>
  
  <pre><code>.input
  {
      font-family: 'Lato' , sans-serif;
      border: 1px solid #CCCCCC;
      width: 65%;
      height: 20px;
      margin: 14px 94px 0 0;
      font-size: 16px;
      font-weight: lighter;
      padding: 4px;
      color: #E96151;
      float: left;
  }
  </code></pre>
  
  <p>How can I get rid of it??</p>
  
  <p>Thank You.</p>