Quando você incluir uma foto com o texto na sua página Web, o estilo padrão exibe o gráfico acima ou abaixo conteúdo ao redor, deixando espaço em branco à esquerda e à direita da imagem. Este espaço resíduos e faz com que a imagem pareça incoerente do seu texto. Para corrigir isso, você tem a opção de usar qualquer HyperText Markup Language (HTML) ou Cascading Style Sheets (CSS) para especificar o posicionamento da imagem, de forma que o texto é moldado em torno das bordas da imagem. Use HTML ou CSS para mover o texto em torno de suas imagens, como você preferir.
HTML
Inicie o arquivo de página no programa de editor de texto do seu computador e posicione o cursor dentro do "
" tag. Digitar "align =" e siga esta com aspas, exemplo:
Entrar "certo," "esquerda," "meio," "topo" ou "inferior" após a entrada align para especificar onde a sua imagem aparece em relação ao seu texto. UMA "topo" alinhamento torna o seu conteúdo aparece no ponto mais alto da sua imagem, a "meio" move o texto para o meio de fotografia e o "inferior" dirige o conteúdo para começar na parte inferior do gráfico. Além disso, uma "certo" posição, move os dados para a esquerda da imagem e um "esquerda" alinhamento coloca o conteúdo para a direita da imagem. Escreva seu código da seguinte forma:
Salve o arquivo.
CSS
Coloque o cursor dentro do "
" tag e tipo "style =" com um conjunto de aspas antes do último suporte de ângulo. Ilustrar:
Entrar "flutuador:" dentro das aspas e digite o "esquerda" ou "certo" atributo para citar o alinhamento do gráfico. o "esquerda" valor torna a sua imagem aparecer na esquerda e move o texto para a direita, enquanto o "certo" atributo faz o contrário. Por exemplo:
Salve o documento.
Como recuar texto com html
Como mover texto abaixo uma tabela em html
Como animar texto em html
Como alterar a localização do cursor
Como para exibir o texto html em uma miniatura em uma galeria css