Вставка пробелов, вставка между изображениями с помощью CSS

Question

Я пытаюсь добавить несколько изображений в пространство, которое будет состоять из двух строк по 3 изображения в каждой, то есть всего 6.

Я создал скрипку с кодом здесь http://jsfiddle.net/swAXU/2/

Изображения показывают, как бы я их хотел, однако я хочу добавить отступы или пробел между каждым изображением для их разнесения?

Может кто-нибудь сказать мне, как это можно сделать, так как изменение полей и атрибутов заполнения не имеет значения?

Answer 1

Я думаю, что вы просто неправильно обращались к ним через CSS.

Это работает ...

.slidedeck img {margin:20px;}

Answer 2

Добавление полей работает: http://jsfiddle.net/swAXU/9/

Ваши селекторы CSS отключены. Я только что изменился

.slidedeck dd.slide_3 img

до

.slidedeck dd img

и это работает.

Answer 3

Или, если вы хотите стать действительно модным ...

http://jsfiddle.net/swAXU/11/

Answer 4

Ваш <dd> элемент не имеет класса.

Измените ваш селектор на .slidedeck dd img.

Answer 5

img{margin:10px;}

Это работает ... http://jsfiddle.net/Ep6rb/