CSS Space Между кнопками

Question

Я пытаюсь создать пустое пространство между двумя кнопками в jQuery Mobile. Раскладка в реальности выглядит следующим образом:

Button 1  Button 2 (Hidden w/ display: none)  Button 3 

И на моей странице это выглядит следующим образом:

Button 1  Button 3 

Я хочу, чтобы выглядеть следующим образом:

Button 1       Button 3 

без удаления скрытого 2-я кнопка, потому что эта кнопка будет отображаться как кнопка «Назад», чтобы вернуться к результатам поиска. Итак, если есть результаты поиска, это должно выглядеть так, как в верхней части страницы, за исключением отображения: никто не уходит.

Я пытался плавать: право на кнопку 3, но это дает мне это:

   Button 3    Button 1 

Любые CSS специалисты, которые знают, как исправить это было бы весьма признателен. Благодарю.

Answer 1

Использовать visibility: hidden; вместо display: none;.