Div problems

[MKGamer100]

Hello everyone, this is my first post here and i need some help.

I am making a website about tanks. I am building her via PHP, CSS and HTML.

Now i made a div called lastnewstanks and css for that div is:

#lastnewstanks {	margin-left:8.5px;	margin-top:10px;	width:31.5%;	display:inline-block;	background-color:#222222;	height:300px;	color: #33CC33;}

My page displays 3 divs because i did this code:

$result = mysql_query("SELECT * FROM tanks ORDER BY ID DESC LIMIT 3");while($row = mysql_fetch_array($result))  {     $id = $row['id'];     $textforfun = $row['text'];     $image = $row['image'];     $title = $row['title'];echo "<div id='lastnewstanks'>";echo "<img src='$image' alt='' style='width:100%;height:45%'>";echo "<h4>$textforfun</h4>";echo "</div>";  }

But when i have different number of characters in that divs that div which have less number of characters go down.Sorry for my English but i'll put some images....2 images: One picture is with different number of characters, and other one is with same number...

[mannemvamsi]

For repeating divs it is best to use "class" instead of "Id"

 

 

see here http://jsfiddle.net/mannemvamsi/w27hcLx0/

[dsonesuk]

id singular to a page, class can be used multiple times within a page, using display: inline-block; makes these elements act like text, the default vertical alignment for text is baseline, and that is the rule it is following. To align at top use vertical-align: top;

[MKGamer100]

Works great Mr. Dsonesuk. Thank You