CSS - Altura Vertical de Imagem e Texto não fica alinhado

Muitas vezes ao fazemos um menu por exemplo, necessitamos colocar um icone, contudo pode ocorrer do icone não ficar alinhado verticalmente com o texto. O texto fica alinhado pela base da imagem.


Para resolver isso é necessário:

Na imagem, definir float:left e em seguida, ajustar com padding para que o icone ocupe a mesma altura da linha.


No texto, definir line-height, de modo que tanto a altura da linha como da imagem sejam as mesmas.


Mais uma problema resolvido e não mais esquecido. Boa Sorte.

Comentários

Postar um comentário

Os códigos postados aqui são uma seqüência de instruções de forma ordenada, não compilada para o código de máquina, em uma determinada linguagem de programação.
Ajude a melhorar esses códigos.

Postagens mais visitadas deste blog

Funcão SQL para abreviar nomes

CREATE FUNCTION dbo.Abrevia ( @nome varchar (200) ) RETURNS varchar (25) AS BEGIN declare @aux varchar (120) declare @aux2 varchar (25) declare @fim varchar (25)   --Pegar o primeiro nome set @fim= left (@nome,charindex( ' ' ,@nome)) set @aux=@fim --Inicializa variável set @aux2= '' --Inicializa variável --Enquanto tem nomes do meio while len(@aux)>0 begin --pega primeiro nome set @aux= left (@nome,charindex( ' ' ,@nome)) --remove primeiro nome set @nome=ltrim(replace(@nome,@aux, '' )) --exclui de,da,dos(da silva, dos santos..) if charindex( ' ' ,@nome)>4 begin --Abrevia com . set @aux2=@aux2+ substring (@nome,1,1)+ '. ' end end --concatena tudo(primeiro nome+abreviações+último select @fim=@fim+@aux2+@nome nome) RETURN ( @fim ) END
Leia mais

Função em JavaScript para consulta de CEP com retorno em XML ou Json

Para criar uma biblioteca em JavaScript que consulta um CEP e retorna os dados em XML ou JSON, podemos utilizar uma API pública que realiza essa consulta e retorna a resposta no formato desejado. Nesse exemplo, vamos utilizar a API do ViaCEP, que permite realizar consultas de CEP e retornar os dados em JSON ou XML. O código a seguir mostra uma implementação simples de uma função que consulta um CEP utilizando a API do ViaCEP e retorna os dados em XML ou JSON, dependendo do formato especificado: function consultarCEP(cep, formato, callback) { var url = 'https://viacep.com.br/ws/' + cep + '/' + formato + '/'; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var resposta = xhr.responseText; if (formato == 'json') { callback(JSON.parse(resposta)); } else { callback(resposta); } ...
Leia mais