Centralizar imagem na horizontal e vertical com CSS
Nesta situação Primefaces, a única solução aceitável é usar text-align:right no contêiner. Com esta solução, se você tiver 6 botões para alinhar à direita, deverá especificar apenas esse alinhamento no contêiner :-) Isso resolveria isso.
Coloque o botão em div com a classe "text-center". Tudo o que a classe center-block faz é dizer ao elemento que tenha uma margem de 0 automático, sendo as margens esquerda / direita automática.
Basta usar a . text-center classe se você estiver usando o Bootstrap 3. Isso deve centralizar a imagem e torná-la responsiva.
Alternar estados. Use data-toggle="button" para alternar o estado ativo do botão. Se você pré-ativar o botão, deve usar a classe . active e o atributo aria-pressed="true" , no .
Basta chamar a classe "centered" nas divs com a classe "col-lg-", "col-md-", "col-sm-" ou "col-xs-" (1-12).
Isso pode ser feito facilmente utilizando a propriedade flexbox do CSS. E é no CSS que a mágica acontece! Eu vou selecionar a barra de navegação e atribuir a propriedade display: flex para que os elementos fiquem alinhados lado a lado.
A melhor forma é utilizando uma tabela. Tu pode transformar uma DIV ou SPAN em tabela com CSS: "display: table;" e depois alinhar verticalmente com CSS:"vertical-align: middle;" Eu tinha essa dúvida também.