Изравняване

[Anonymous]

Под различни браузъри се разместват! Ето как точно трябва да изглежда:
http://prikachi.com/images/965/3643965u.jpg
Снимката е направена под Mozilla Firefox.
На chrome и други браузъри бъгва, и излиза надолу-нагоре, наляво-надясно.

CSS:

[css].sox,.s_ox {
display:inline-block;
background-color:white;
float: center;
width: 95px;
height: 85px;
font-weight: bold;
margin:0 3px 3px 0;
padding:4px;
font-size:7.5pt;
border: green solid 2px;
overflow:hidden;
background-position: 2% 50%;
line-height:10px;
color:#ccc !important;
word-wrap: break-word;
/*background:#333;*/
}[/css]

 

[Ev0luti0N]

Онлайн демо можеш ли да дадеш? :idea:

 

[Anonymous]

http://funnybg.net/jokes.php

 

[Ev0luti0N]

[css].sox,.s_ox {
display:inline-block;
background-color:white;
float: center;
width: 95px;
height: 85px;
font-weight: bold;
margin:0 3px 3px 0;
padding:4px;
font-size:7.5pt;
border: green solid 2px;
overflow:hidden;
background-position: 2% 50%;
line-height:10px;
color:#ccc !important;
word-wrap: break-word;
float: left;
margin-left: 25px;
/*background:#333;*/
}[/css]

 

[shterev]

сложи едно position:relative; Ако не стане пробвай да махнеш маргина за да видив дали се изравняват и ако е от него ще се наложи да го махнеш да направиш оше един див и на него да сложиш паддинг все едно е маргина.

 

[Ev0luti0N]

сложи едно position:relative; Ако не стане пробвай да махнеш маргина за да видив дали се изравняват и ако е от него ще се наложи да го махнеш да направиш оше един див и на него да сложиш паддинг все едно е маргина.

С float: left; му се оправя всичко, но за да не стой тъпкано в ляво като му сложи един margin-left няма никакъв дерт. :?:

 

[sandh]

След като елементите се display-ват като inline-block е логично да ползваш:
[css]vertical-align: top;[/css]

Иначе можеш да ги направиш блокови и да ползваш float, както предложи Ev0luti0N

 

[Anonymous]

За жалост, не мога и на двамата да дам +. Давам на sandh