Temas > Programacion > Css > Propiedad float aplicada a una imagen con Css
Julio

Propiedad float aplicada a una imagen
La propiedad float saca del flujo un elemento HTML. Esta propiedad admite
tres valores:
       left
       right
       none
Cuando aplicamos esta propiedad a la marca img, podemos hacer que el texto
envuelva a la imagen.
Veamos un ejemplo:
<?php //esto no va
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
<link
</head>
<body>
<img src="../imagen1.jpg">
<p>El texto envuelve a la imagen. El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.El texto envuelve a la imagen.El texto envuelve a la
imagen.El texto envuelve a la imagen.El texto envuelve a la imagen.El texto
envuelve a la imagen.
</p>
</body>
</html>
?>//esto no va
La hoja de estilo:
<?php //esto no va
img {
  float:right;
}
?>//esto no va
Es importante hacer notar que si no la flotamos a la imagen solo habrá una
línea de texto a la derecha de la imagen.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
 123456
78910111213
14151617181920
21222324252627
282930    

Viernes 4 de Abril 2025
Semana 14

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar