HTML help with 2 columns

BlackxHat

Power Member

Oct 6, 2009

729

89

• May 29, 2012

• #1

I'm using this code for a two column lay out of text

Code:

<div style="float: left;">text1</div> <div style="float: left;">text2</div>

How can I make the column on the right side, move more to the right?

 

A

a_z_0_9

Junior Member

Jul 18, 2011

111

21

• May 29, 2012

• #2

use float:right; or specify width to each div.
Check this - http://jsfiddle.net/RRsXD/

 

Last edited: May 29, 2012

BlackxHat

Power Member

Oct 6, 2009

729

89

• May 29, 2012
• Thread Starter Thread Starter

• #3

oh ok but how do i move a little bit to the left or right now?

 

D

devbrah

Junior Member

Oct 10, 2011

111

15

• May 29, 2012

• #4

<div style="float:left; margin-right: 20px;">text 1</div >

That will push anything to the right over 20 pixels

Sent from my HTC Incredible S using Tapatalk 2

 

madoctopus

Supreme Member

Apr 4, 2010

1,388

3,709

• May 29, 2012

• #5

you're so lazy... there is a gazillion tutorials on CSS positioning and float and there are IRC channels where you can get an explanation in 1 minute flat. As a matter of fact just doing trial and error for 5min would give you the solution. Yet you post in a SEO forum.

 

Donald Duck Agency

Failed to handle a dispute properly

Mar 5, 2009

1,864

441

• May 29, 2012

• #6

Try to make the second div florat:right;

Or you can give padding-left for second div