Home:ALL Converter>After sdie by side div, I want a new line on left side Css position

After sdie by side div, I want a new line on left side Css position

Ask Time:2014-07-17T23:48:50         Author:user819774

Json Formatter

I have css question about position. After sdie by side div, I want a new line on left side .The output like the below. Would someone tell me how to achieve it. Thanks in advance.

the ideal output on the page:

------------------------------------------------------------------------_------------
| left                                                                        Right |
| New line New line New line New line New line New line                             |
-------------------------------------------------------------------------------------

Current output:

-------------------------------------------------------------------------------------
| left                                                                         Right|
|                              New line New line New line New line New line New line|
-------------------------------------------------------------------------------------

There is my code

<html>
<head>
<style>
h2.pos_left {
position: relative;
left: -20px;
}

h2.pos_right {
    position: relative;
    left: 20px;
}
.Right{
float: right;
text-align:right;

}

.Left{
float: left;
}

.clear{
   clear: both;
} 

.newline{
     float: left;
      text-align:left;    

}

</style>
</head>
<body>

  <div class="Left">left</div>
  <div class="Right">Right</div>
  <div class="clear"></div>
  <div class="newline">New line New line New line New line New line New line </div>


</body>
</html>

Author:user819774,eproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article:https://stackoverflow.com/questions/24808128/after-sdie-by-side-div-i-want-a-new-line-on-left-side-css-position
Becuzz :

Your CSS is right. Your HTML is not. You never close your Right div so the browser thinks your newline div is inside that div. Change\n\n<div class=\"Right\">Right<div>\n\n\nto\n\n<div class=\"Right\">Right</div>\n",
2014-07-17T15:53:24
yy