Texto em torno da imagem

[Thiago William 0]

Ola pessoal.

 

Deixar a imagem a esquerda ou a direita (float), fazendo o texto contorna-la, eu aprendi a fazer.

minha dúvida é se é possivel fazer com que a imagem fique no centro do texto(em torno dele).

Assim como nesse link: http://img718.imageshack.us/img718/1163/semttuloqnc.jpg

[Guilherme Oderdenge 42]

Olá.

 

Thiago, é possível sim, mas você deverá fazer isso com margin.

[Thiago William 0]

ok, vamos lah. Deixa explicar mais ou menos meu raciocínio.

 

Teoricamente até onde eu andei pesquisando e realizando uns teste (posso estar errado), o procedimento seria o seguinte.

 

fazendo simples e grosseiramente (com o css incluso na tag) seria assim:

 

<img src="img/imagem-historia.jpg" style="float:left; margin:0 15px 10px 0">

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec quam ut augue dictum elementum aliquam a libero. Quisque eu odio dolor, at molestie lectus. Fusce ornare nisi vitae turpis tristique pretium.

Donec feugiat enim vel elit molestie porttitor vel molestie elit. Fusce convallis volutpat vestibulum. Donec venenatis pharetra magna a feugiat. Donec ultrices gravida erat eu bibendum.

Vestibulum varius quam a tellus interdum pharetra mollis ligula vulputate. Fusce a nisl est. Donec sed nunc leo. Sed accumsan ultricies dui molestie luctus.

</p>

 

----------------------//------------------//-------------------------//---------------------------------

 

Porem eu gostaria que a imagem ficasse no meio desse texto.

Não sei se utilizando outro raciocínio na estruturação ou é dessa forma só que esta faltando algo...

Enfim tentei de varias formas. Sendo elas com 'position' 'float'...

Concluindo preciso de uma luz :thumbsup:

 

E vlw guilherme por responder ^^

[Leoduarte 0]

tb estou com um problema parecido (praticamente o mesmo)

[Henrique Barcelos 290]

Tenta assim o CSS da imagem:

img#id-da-img {
  float: left;
  margin: 40px auto;
}