how to align multiple div's next to each other?
- by Ashok Kumar
I am new to Html,I'm trying to align multiple div's next to each other horizontally. i tried float property and display inline property also, but nothing works correctly.can anyone suggest any methods for it?
my code:
#display2letter
{
width:150px;
height:50px;
background-color:grey;
box: 10px 10px 5px #888888;
}
#display3letter
{
width:150px;
height:50px;
background-color:blue;
box: 10px 10px 5px #888888;
}
#display4letter
{
width:150px;
height:50px;
background-color:grey;
box: 10px 10px 5px #888888;
}
#one
{
position:fixed;
left:23%;
}
#two
{
position:fixed;
left:23%;
}
#three
{
position:fixed;
left:23%;
}
here is the fiddle
http://jsfiddle.net/pGHS9/1/
