Разметка столбцов CSS3 при выпуске кликов

Question

У меня есть это fiddle, и он отлично работает, однако, когда я нажимаю на любой из последних строк каждого столбца, кажется, что он подталкивает абзац вниз. Я не могу понять, почему ....

.columns-3 { 
-webkit-column-count: 3; 
-moz-column-count: 3; 
-o-column-count: 3; 
column-count: 3; 
} 

.column-layout { 
list-style-type: none; 
margin: .9rem 0 0 0; 
} 

Answer 1

это, кажется, проблема с хромом, если вы проверяете связь и изменить состояние на :focus связь получает синий ящик outline: -webkit-focus-ring-color auto 5px;, который в основном отталкивает <p>

Чтобы обойти это добавить следующее:

a:focus{ 
    outline: none; 
} 

Answer 2

Helo Alex

http://jsfiddle.net/tayyab_rashid/5yjsjnjj/4/

CSS ОБНОВЛЕНО

.columns-3 { 
-webkit-column-count: 3; 
-moz-column-count: 3; 
-o-column-count: 3; 
column-count: 3; 
    display:table; 
} 

.column-layout { 
list-style-type: none; 
    display:table-cell; 
margin: .9rem 0 0 0; 
} 

вот скрипку я обновил вам просто нужно добавить свойство отображения в списке, то нижний пункт обыкновение прыгать.