Member Avatar for GGomez

how to make columns in three without tables

  • 2 Contributors
  • 1 Reply
  • 58 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by ko ko
Member Avatar for ko ko

Try that:

HTML:

<div class="column">Column 1</div>
<div class="column">Column 2</div>
<div class="column">Column 3</div>

CSS:

.column {
     float: left; /* set the direction right/left you want to */
     width: 100px; /* Give the width for each column. Float needs static width, if not, it will cause many problems with the layout in some cases. */
}

Hope that help.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.