Primeiro vamos ver como fica o texto alinhado a esquerda, para isso através da página index. html abra o código fonte e depois coloque a tag
de maneira que o texto fique no meio e salve.Aplicar text-align :center a um elemento ou
centraliza o conteúdo desses elementos, deixando suas dimensões gerais inalteradas.
Vá para Formato de Imagem ou Formatar > Texto de Quebra >Quadrado. Selecione Posicionar > Mais Opções de Layout. Na guia Posição, selecione Alinhamentoe altere o campo drop-down para Centralizado. Ao lado de relativo a, escolha Páginae selecione OK.
Você pode alterar o alinhamento vertical padrão de uma imagem em relação ao texto com uso da propriedade CSS vertical-align (link abre em novajanela). Os valores para a propriedade são: top , text-top , middle , baseline , text-bottom , bottom , sub , super , porcentagem e medida CSS.
Uma forma de conseguir colocar as divs lado a lado é fazer a última flutuar a direita também, você pode usar float: right; na de baixo. Você pode encontrar aqui outras formas de solucionar. A melhor delas é definir um font-size: 0; numa div pai e depois, nas duas divs filhas, colocar o font-size desejado.
Você precisa usar width e display: inline-block; do CSS. Se vc quiser não precisa usar float ou display:inline-block . Eu sugiro que use FlexBox porque é mais fácil ao meu ver de alinhar os itens.
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.
Para ter duas imagens, uma em cada margem, numa mesma linha, escreva: