Split Div Into 2 Columns Using CSS

by

This works good for me. I have divided the screen into two halfs: 20% and 80%:

<div style="width: 20%; float:left">
   #left content in here
</div>

<div style="width: 80%; float:right">
   #right content in there
</div>

More Related Contents:

  1. Floating elements within a div, floats outside of div. Why?
  2. CSS Floating Divs At Variable Heights [duplicate]
  3. Advantages of using display:inline-block vs float:left in CSS
  4. How to create equal height columns in pure CSS [duplicate]
  5. Make outer div be automatically the same height as its floating content
  6. How to get Floating DIVs inside fixed-width DIV to continue horizontally?
  7. CSS text ellipsis when using variable width divs
  8. Div side by side without float
  9. CSS Floating Divs with different height are aligned with space between them
  10. Stacking DIVs on top of each other?
  11. How to draw this chart in html and CSS? [closed]
  12. Change a HTML5 input’s placeholder color with CSS
  13. Canvas is stretched when using CSS but normal with “width” / “height” properties
  14. Remove padding from columns in Bootstrap 3
  15. Center a ‘div’ vertically in a % height ‘div’
  16. Single huge .css file vs. multiple smaller specific .css files? [closed]
  17. How to display a reverse-ordered list in HTML?
  18. CSS div element – how to show horizontal scroll bars only?
  19. How can I remove space (margin) above HTML header?
  20. Internet Explorer z-index bug?
  21. How to customize the HTML5 input range type looks using CSS?
  22. For div to extend full height
  23. SPAN vs DIV (inline-block)
  24. how to rotate text left 90 degree and cell size is adjusted according to text in html
  25. Set div height equal to screen size
  26. Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
  27. Expanding the parent container with 100% height to account for floated content
  28. Creating CSS3 Circles connected by lines
  29. Is there a way to style HTML5’s range control?
  30. Prevent floated divs from wrapping to new line

Leave a Comment