Перекрывающийся встроенный div

Question

У меня эта проблема , и я пытаюсь решить ее с помощью jsfiddle, но я не очень хорош в css.Надеюсь, что вы можете помочь мне решить это.Я хотел отделить следующий div на второй строке.Просто немного места, чтобы избежать наложения.Мне нужно, чтобы он отображал inline, но проблема в том, что если перейти к следующей строке, следующая строка div-ов перекрывает предыдущую строку div-ов.Как я могу добавить поле, зная, что я устанавливаю все div для отображения inline?

Заранее спасибо:)

Answer 1

Это приемлемо?

http://jsfiddle.net/2bLs7/11/

.a{
    border:solid 1px black;
    display:inline-block;
    margin-bottom: 1px;

    zoom: 1;
    *display: inline
}

Изменение на inline-block может быть не тем, что вам нужно, но если вы не возражаете против этого, это кажется хорошим.

Я включил хаки, необходимые для работы в IE7 .

Answer 2

Вы можете добавить line-height: 150% к нему, чтобы добавить пробел.

Answer 3

Попробуйте это:

.a {
  border: solid 1px black;
  display: inline-block;
  margin: 5px 0 0 0;
}

Видите, я использую inline-block вместо inline. margin: 5px 0 0 0; говорит, что наверху должно быть 5px поля.