Alexander Belov

Для .item

display: flex;
flex-direction: column;

Пример

float: left; для img + list-style-position: inside для li

JS Bin

h3 {
margin: 0;
}

https://jsfiddle.net/83dnadce/1/

Если родителю задаёте display: none, то вложенные блоки невозможно отображать через это свойство.
Как альтернативу в некоторых случаях можно использовать visability: hidden / visible, но это свойство оставит в потоке элемент, просто скроет его видимость, в то время, как display: none уберёт элемент из потока, не сохраняя его место.

Дополню ответ justdealman.
Лучше написать так:

var a = document.getElementsByClassName('btn btn-danger btn-sm');
for ( var i = 0, a.length = length;  i < length; i++ ) {
  a[i].click();
}

Event delegation
Условие, типа target != body ? alert("Тут что-то есть") : alert("Тут ничего нет");

Для родительского элемента
font-size: 0px;
+
Для inline-block элементов прописать необходимый font-size