Como ativar amigos nas imediações

html span vs div

/f00c é uma marca de verificação (tick) na última fontAwesome I believe. Não tenho certeza do que a f095 que você estava usando era para ser como se fosse um telefone. Talvez você tenha uma versão mais antiga da fontAwesome ou o CDN ao qual eu liguei era uma versão diferente.
Funciona. Isto é exatamente o que eu tentei conseguir, como suas imagens. IMHO é às vezes confuso para os visitantes. Você não pode saber se isto é status ativo ou desativado devido às cores (somente). Se houver uma marca de verificação, ela mostrará que está ativo e também a cor.
Sim, é por isso que você tem que ser muito cuidadoso ao alterar os controles padrão do formulário. Você também perde muitos dos recursos de acessibilidade incorporados a eles após anos de pesquisa. Embora estes interruptores de fantasia pareçam bonitos, posso apostar que a taxa de falha de formulários com esses designs é muito maior do que os ícones padrão.

acessibilidade da etiqueta span

Ocasionalmente precisamos usar html personalizado para obter os layouts mostrados em nossas demonstrações em módulos específicos. O código abaixo é o que foi usado neste modelo. É melhor inserir este código diretamente na função de editor HTML de seu editor.
Há três estilos diferentes de slides a serem usados. Cada estilo é mostrado na página inicial desta demonstração. O primeiro estilo alinha o texto à esquerda e uma imagem no canto inferior direito. O segundo estilo é o mais fácil de usar, ele alinha todo o texto no meio e não usa imagens. O terceiro estilo é semelhante ao primeiro, mas alinha a imagem no centro e não no canto inferior direito.
Código usado para a área de texto, a configuração do título deve ser desativada nas configurações. Todo o texto é inserido nas configurações do campo de texto. Você também pode usar este mesmo código em qualquer artigo se você estiver usando o método de artigo do módulo:
Código usado para a área custom_2. A imagem mostrada nas duas caixas é uma imagem de fundo, portanto nem toda a imagem tem a intenção de ser mostrada em todas as resoluções. Você simplesmente muda a chamada de fundo com sua própria fonte de imagem no código abaixo:

dados espanhóis

Eu tentei muitas maneiras diferentes, como css, estilo inline, estabelecendo margens, etc., mas não consigo ter o espaço para fazer o que eu preciso. Parece que está sendo desenhado na largura exata do seu texto.
Colocar uma cor de fundo no vão para ver por que não está funcionando. Esses três itens estão em um mergulho sem CSS associado a ele. Para que o vão fique no meio, você precisa que o mergulho que o envolve tenha, no mínimo, propriedades de largura e alinhamento de texto.
Além disso, com esta marcação, seu código como está fará com que o vão fique centralizado, mas você teria que adicionar float:left à sua identificação btnPrevious. Eu me absteria, tanto quanto possível, de usar CSS inline, a menos que você esteja projetando um e-mail HTML, então basta criar um arquivo CSS que você inclua LAST em sua lista de arquivos CSS e adicione suas edições lá.
Desculpe ter perdido a parte do Bootstrap, pois acabei de fazer uma busca por TESTE dentro de seu código. Bootstrap é construído com estas classes, e sendo que estas já estão dentro de um container, você deve ser capaz de adicionar o centro de texto ao div em branco e ele deve fazer o truque