How do I line up 3 divs on the same row?

by

I’m surprised that nobody gave CSS table layout as a solution:

.Row {
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
}
.Column {
    display: table-cell;
    background-color: red; /*Optional*/
}
<div class="Row">
    <div class="Column">C1</div>
    <div class="Column">C2</div>
    <div class="Column">C3</div>
</div>

Works in IE8+

Check out a JSFiddle Demo

More Related Contents:

  1. How to draw this chart in html and CSS? [closed]
  2. Change a HTML5 input’s placeholder color with CSS
  3. Canvas is stretched when using CSS but normal with “width” / “height” properties
  4. Remove padding from columns in Bootstrap 3
  5. Is there a way to word-wrap long words in a div?
  6. Size of HTML5 Canvas via CSS versus element attributes
  7. Center a ‘div’ vertically in a % height ‘div’
  8. CSS :before on inline SVG
  9. Single huge .css file vs. multiple smaller specific .css files? [closed]
  10. xHTML/CSS: How to make inner div get 100% width minus another div width
  11. How to display a reverse-ordered list in HTML?
  12. CSS div element – how to show horizontal scroll bars only?
  13. How can I remove space (margin) above HTML header?
  14. Internet Explorer z-index bug?
  15. Webkit CSS to control the box around the color in an input[type=color]?
  16. How to customize the HTML5 input range type looks using CSS?
  17. For div to extend full height
  18. How can I send an inner to the bottom of its parent ?
  19. How to make the overflow CSS property work with hidden as value
  20. SPAN vs DIV (inline-block)
  21. how to rotate text left 90 degree and cell size is adjusted according to text in html
  22. Set div height equal to screen size
  23. Align vertically using CSS 3
  24. Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
  25. Why box-sizing is not working with width/height attribute on canvas element?
  26. How do I make text bold in HTML?
  27. Center fixed div with dynamic width (CSS)
  28. Is it acceptable to use tables for forms? Or is it still more correct to use divs?
  29. Change an HTML input’s placeholder color with CSS
  30. Stacking DIVs on top of each other?

Leave a Comment