Как задать между этими картинками отступ?

Question

[lemonlimelike]

Там стоит всплывающие меню, когда навожу появляются эти картинки, а когда навожу на одному все хорошо, перехожу на следующую все картинки исчезают, почему это происходит? и как исправить?

Comments

[Александр Шилов]

Для того, чтобы ответить на этот вопрос, требуется:

1. Нормально сформулированный вопрос.
   
2. Исходный код.
   

Answer 1

[Pretor DH]

Убрать у елементов float:left; и сделать их display:inline-block;.
Для верстки блоков не используйте float, это изначально не эфективная и устаревшая технология.
Есть флекс блоки. Искорените из себя "псевдо табличную" верстку - это зло.

Решение на jsfiddle.net...

Comments

[Максим Тимофеев]

Убрать у елементов float:left; и сделать их display:inline-block;.

медиум?

[lemonlimelike]

Pretor DH: Типа float уже устарел? вместо можно юзать display:inline-block ?

[Pretor DH]

lemonlimelike: Написано ж "для верстки блоков"... Сам float не заменим для контента (например: обтекание вставок текстом).

[Pretor DH]

lemonlimelike: А "вместо" юзать нельзя!!! Думать головой надо, нет универсальной технологии. Каждая применима в том месте, где её предназначение. Float не предназначается для верстки блоков, вот и залипухи типа clearfix и т.п. приходится лепить. Решается оно на раз (без залипух), другими средствами: от простого к служному inline-block, columns, flex,...