[Solved] how to align div horizontally

[fahadalee]

http://fahadalee.wordpress.com/2013/09/24/how-to-align-div-in-main-container-html-css/

plzz Hemp me how to Create This type of table in HTML and css…

how to align div horizontally

i want my ” Order Now Button ” alway set to be Bototm…

[Paulie_D]

What have you tried so far?

Could you make a Codepen?

[fahadalee]

.fees_box_bottom {
}

.fees_box_bottom h2
{
color: #000000;
font-style: normal;
font-size: 26px;
margin-left: 17px;
margin-top: 16px;
font-family: “Lucida Grande”, “Lucida Sans Unicode”, “Lucida Sans”, “DejaVu Sans”, Verdana, sans-serif;
}

.gridContainer {
width: 98.913%;
max-width: 1232px;
padding-left: 0.5434%;
padding-right: 0.5434%;
margin: auto;
}

box1 {

clear: both;
float: left;
margin-left: 0;
width: 32.6007%;
display: block;
background-color: #666;

}

box2 {

clear: none;
float: left;
margin-left: 1.0989%;
width: 32.6007%;
display: block;
background-color: #039;

}

box3 {

clear: none;
float: left;
margin-left: 1.0989%;
width: 32.6007%;
display: block;
background-color: #3CC;

}

.main{
height:600px;
}

.one{
height:600px;
display:inline-block;
float:left;

}
.two{
height:100%;
float:left;
display:inline-block;

}

Trial

free

30 Day free trial. No credit card required.

Ecommerce Mobile App available on iPhone, iPad, Android & Windows Phone via infiniApp Directory.

Free Mobile Optimised
E-commerce website.

You can cancel at any time.

Total: Free

Starter

£300/year hosting charge

Ecommerce Mobile App available on iPhone, iPad, Android & Wind

ows Phone via infiniApp Directory.

Integrated accounting software and ecommerce dashboard product manager.

Free Mobile Optimised

E-commerce website.

You can cancel at any time.

Total: £800

Premium

£300/year hosting charge.

£250 – Submission to Android, iPhone & Windows stores for stand-alone App. Saving £50.

Ecommerce Mobile App available on iPhone, iPad, Android & Windows Phone via infiniApp Directory.

Integrated accounting software and ecommerce dashboard product manager.

Free Mobile Optimised
E-commerce website.

You can cancel at any time.

Total: £1050

[Paulie_D]

Could you make a Codepen?

[fahadalee]

http://codepen.io/anon/pen/JKnLv

[fahadalee]

i wnat my ” class=”fees_box_bottom” always Show in Bottom….

just like this Image

http://fahadalee.wordpress.com/2013/09/24/how-to-align-div-in-main-container-html-css/

[Paulie_D]

You would have to find the parent element of the fees_box_bottom divs and give it/them a position:relative property.

Unfortunately, you have so many IDs and specifically named classes that it’s hard to give direct advice as what each parent is called…I’ll leave that to you.

Then add this to

.fees_box_bottom {
position:absolute; /* added this */
bottom:0;
width:100%;
}

http://codepen.io/Paulie-D/pen/usFio

[fahadalee]

Thanks….. Paulie_D…

yes that i want……. Thank you very Much

[fahadalee]

if i will Facing any Problem i will Contact U….

[Author]

Posts