Preview:
/The float property is often set using one of the values below:

//left - moves, or floats, elements as far left as possible.
//right - moves elements as far right as possible.
.green-section {
  width: 50%;
  height: 150px;
}
 
.orange-section {
  background-color: orange;
  width: 50%;
  float: right;
}

//clear
div.special {
  clear: left;
}
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter