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

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

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

Produtividade com NHibernate 2.0

Url's que falam do sobre o NHibernate. http://www.codegod.de/WebAppCodeGod/nhibernate-tutorial-1---and-aspnet-AID25.aspx http://www.linhadecodigo.com.br/Artigo.aspx?id=546 http://www.devmedia.com.br/articles/viewcomp.asp?comp=12073&hl=*nhibernate * http://www.devmedia.com.br/articles/viewcomp.asp?comp=10610&hl=*nhibernate * http://www.devmedia.com.br/articles/viewcomp.asp?comp=7262&hl=*nhibernate * http://www.devmedia.com.br/articles/viewcomp.asp?comp=7494&hl=*nhibernate * http://www.devmedia.com.br/articles/viewcomp.asp?comp=8106&hl=*nhibernate *
Leia mais