how to increase gap

[cofactor]

Inside a <DIV > I have a text and two check boxes.

i.e


Africa

<input type="checkbox" name="strCustTerr1" value="" align="middle" />

<input type="checkbox" name="strCustTerr2" value="" align="middle" />


I want gap between Africa and checkbox1 as 25px and then gap between checkbox1 to checkbox2 as 50px.

How do I do this using styles ?

[Fang]

div > input {margin:25px 0 50px 0; display:block;}

[silverline]

As You are new to the web developement,
use inline css to solve your problem For now.
Use the code below,, It Will Solve your problem

Africa

<input type="checkbox" name="strCustTerr1" value="" align="middle" style="margin-left:25px;" /> Box1

<input type="checkbox" name="strCustTerr2" value="" align="middle" style="margin-left:50px;" /> Box2

There are lots of other alternatives you can use but that might be little bit complex for you to implement as you are developing your first web page.

Anyway
best of luck.