Question

I have two div’s one has textbox in it and other just plain text. This is how it looks:
. I want to move text div which has language in it to the next line where arrow is showing in the pic. I searched every where cant find any solution the wordwrap is not working. Also i have to do this within css.

Here is the aspx code for both:

<asp:Panel ID="search" runat="server" EnableViewState="False" Wrap="False">
 <div id="txtBox">
   <asp:textbox id="box" runat="server"></asp:textbox>
   <div id="text" runat="server">Language</div>
 </div>
</asp:Panel>

css:

#search
{
    position:absolute; 
    top:100px;  
    height:50px;
    left:100px;
    width:1000px;    
}
#txtBox
{
    float: left;
}

Answer 1

Here is the solution for anyone who is stuck in same situation:

#text
{
  clear: left;
}

clear:left moves the text to next line to the bottom of the textbox. Then you can use margin-left to set the text at any position you want.