Se você remover o - (negativo), sua imagem vai 1 pixel para frente desde sua posição natural. Mas se você não quiser mudar a posição das imagens, mude o alinhamento vertical de cada uma com vertical-align . Ele pode ser top (topo), middle (meio), bottom (para baixo) ou initial (padrão).
O atributo align da tag < img > Se quiser alinhar sua imagem na esquerda, use a palavra left. Caso queira que a imagem se alinhe na direita, use right. Para alinhar no meio, o local é middle. Já para alinhar em cima, no topo, utilize a palavra top.
Confira quais valores ela pode assumir.
Parece que o que você realmente deseja são dois pedaços distintos de conteúdo, cada um com uma imagem e algum texto. Sugiro colocar a imagem dentro do
elemento - está embutido e
são blocos. Coloque a imagem primeiro e depois a flutue para a esquerda, como você tentou. Isso deve alcançar o que você procura.
Através de uma margem, é possível manipular a posição de um elemento HTML. Com isso podemos posicionar um elemento HTML Div através da margin. Existem quatro tipos de margin: margin-top, margin-right, margin-bottom, margin-left. Ou seja, margem superior, margem à direita, margem inferior e margem à esquerda.
A propriedade CSS que possibilita posicionar um elemento qualquer (no nosso caso o elemento img que tem a id="imgpos" ) é a propriedade position complementada pelas propriedades left e top .
Não é difícil editar imagens no CSS. Se tivermos os pontos discutidos no tutorial em mente, seremos capazes de criar alguns filtros surpreendentes por conta própria. Por prática, podemos experimentar as demos no tutorial ou recriar filtros populares do Instagram.
Vamos colocar essa figura e um texto ao lado dela, ou seja, alinhar imagem e texto, através do CSS. Uma dica importante para trabalhar com imagens em sites, e estilizar com CSS é: usar divs. Dentro da div colocamos a imagem, através da tag e de seus atributos, como src, width, height, alt e title.
Ao final da leitura desse tutorial você estará capacitado a posicionar com uso das CSS um objeto em qualquer lugar na tela, do monitor do usuário. Vou iniciar mostrando como posicionar uma imagem na tela. Usarei a imagem abaixo que nomeei de logo.gif: O código HTML que coloca a imagem na tela é mostrado a seguir.
Ou seja, todas teriam mesmo tamanho, borda, margin etc. Vamos inserir a seguinte imagem em nosso site e formatá-la usando apenas o CSS. Vamos colocar essa figura e um texto ao lado dela, ou seja, alinhar imagem e texto, através do CSS.
Quais as cores do símbolo da enfermagem?
Como higienizar sapatos contra micose?
Como ver se tenho que pagar DARF?
O que estuda a eletrônica digital?
Qual a importância do estágio para a formação do profissional?
Como criar uma agenda digital?
Porque podemos dizer que todos temos cultura?
Como recuperar o esmalte do piso de cerâmica?
Qual empresa abrir com 500 mil reais?
Qual a melhor cidade para se viver em Santa Catarina?
Como transferir arquivos MOBI para o Kindle?