María José Rienda, esquiadora granadina, la podemos ver en la foto bajando la prueba del "Supergigante", por la que consiguió la medalla en los campeonatos del mundo de ski alpino de 2004. Página web de María José Rienda Contreras.

Ejemplo de imagen sin flotar y estilo definido en CSS:

<p>
Texto
<img class="foto0" src="mariajoserienda1.jpg" alt="María José Rienda" />
</p>

La física se considera como la ciencia de la naturaleza más básica. Estudia los constituyentes fundamentales de la materia y sus interacciones así como la naturaleza de los átomos y la formación de moléculas y materia condensada. Trata de dar descripciones unificadas del comportamiento de la materia así como de la radiación, explicando todos los fenómenos posibles. En algunas de sus aplicaciones está muy próxima a las áreas clásicas de la química, y en otras hay una conexión con los fenómenos estudiados por los astrónomos. Las tendencias actuales apuntan a una aproximación de algunas áreas de la física y la microbiología. Aunque la química y la astronomía son disciplinas científicas claramente independientes, las dos utilizan los conceptos y herramientas de la física como una base en el tratamiento de sus respectivos problemas. Diferenciar qué es física y química en ciertas áreas es frecuentemente difícil. Esto ha sido ilustrado algunas veces en la historia de los premios Nobel. Así, algunos galardonados en química también son mencionados en los de física cuando sus trabajos están muy conectados a los trabajos de los premiados en física.

Ejemplo de la misma imagen flotando a la izquierda y a la derecha:

<p>
<img class="left" src="mariajoserienda1.jpg" alt="María José Rienda" />
<img class="right" src="mariajoserienda1.jpg" alt="María José Rienda" />
Texto
</p>

La física se considera como la ciencia de la naturaleza más básica. Estudia los constituyentes fundamentales de la materia y sus interacciones así como la naturaleza de los átomos y la formación de moléculas y materia condensada. Trata de dar descripciones unificadas del comportamiento de la materia así como de la radiación, explicando todos los fenómenos posibles. En algunas de sus aplicaciones está muy próxima a las áreas clásicas de la química, y en otras hay una conexión con los fenómenos estudiados por los astrónomos. Las tendencias actuales apuntan a una aproximación de algunas áreas de la física y la microbiología. Aunque la química y la astronomía son disciplinas científicas claramente independientes, las dos utilizan los conceptos y herramientas de la física como una base en el tratamiento de sus respectivos problemas. Diferenciar qué es física y química en ciertas áreas es frecuentemente difícil. Esto ha sido ilustrado algunas veces en la historia de los premios Nobel. Así, algunos galardonados en química también son mencionados en los de física cuando sus trabajos están muy conectados a los trabajos de los premiados en física.

Ejemplo de tres imágenes, dos flotando a la izquierda y una a la derecha:

<p>
<img class="foto1" src="mariajoserienda1.jpg" alt="María José Rienda" />
<img class="foto2" src="mariajoserienda2.jpg" alt="María José Rienda" />
<img class="foto3" src="mariajoserienda3.jpg" alt="María José Rienda" />
Texto
</p>

La física se considera como la ciencia de la naturaleza más básica. Estudia los constituyentes fundamentales de la materia y sus interacciones así como la naturaleza de los átomos y la formación de moléculas y materia condensada. Trata de dar descripciones unificadas del comportamiento de la materia así como de la radiación, explicando todos los fenómenos posibles. En algunas de sus aplicaciones está muy próxima a las áreas clásicas de la química, y en otras hay una conexión con los fenómenos estudiados por los astrónomos. Las tendencias actuales apuntan a una aproximación de algunas áreas de la física y la microbiología. Aunque la química y la astronomía son disciplinas científicas claramente independientes, las dos utilizan los conceptos y herramientas de la física como una base en el tratamiento de sus respectivos problemas. Diferenciar qué es física y química en ciertas áreas es frecuentemente difícil. Esto ha sido ilustrado algunas veces en la historia de los premios Nobel. Así, algunos galardonados en química también son mencionados en los de física cuando sus trabajos están muy conectados a los trabajos de los premiados en física.

<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<title>Imagen float en un fichero XHTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!−− Inicio Hoja de estilos CSS −−>
<style type="text/css">
body { 
  background: rgb(245,245,245);
  color: rgb(0,0,0); 
  font-family: Verdana, sans-serif;
  font-size: 14px;
  margin: 1%;
}
h1 {
  background: rgb(245,245,245);
  color: rgb(0,0,0); 
  width: 98%;
  font-family: Verdana, sans-serif;
  font-size: 130%; 
  text-align: justify;
  text-decoration: underline;
  margin: 1%;
  clear: both;
}
p {
  background: rgb(245,245,245);
  color: rgb(0,0,0);
  width: 97%;
  height: auto; 
  font-family: Verdana, sans-serif;
  font-size: 100%;
  text-align: justify; 
  margin: 1% 1% 1% 1%;
  padding: 10px;
  border: 0px solid rgb(255,0,0);
  clear: both;
}
span {
  background: rgb(245,245,245);
  color: rgb(0,0,0); 
  font-size: 150%; 
  font-style: italic; 
  font-weight: bold;
}
strong {
  background: rgb(245,245,245);
  color: rgb(255,0,0); 
  font-family: Verdana, sans-serif;
  font-size:  100%;
  font-weight: normal;
  text-decoration: none;
  text-align: justify; 
}
pre {
  width: 95%;
  height: auto;
  background: rgb(225,225,225);
  color: rgb(0,0,255); 
  font-family: Verdana, sans-serif;
  font-size: 12px;
  text-align: justify; 
  margin: 1% 2% 1% 2%;
  padding: 2px;
  border: 0px solid rgb(255,0,0);
} 
strong.pre {
  background: rgb(225,225,225);
  color: rgb(255,0,0); 
  font-family: Verdana, sans-serif;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
}
a:link { 
  background: rgb(245,245,245);
  color: rgb(0,0,255); 
  text-decoration: none;
}
a:visited {
  background: rgb(245,245,245);
  color: rgb(0,0,255); 
  text-decoration: none;
}
a:hover {
  background: rgb(245,245,245);
  color: rgb(0,0,255); 
  font-size: 100%; 
  text-decoration: underline;
}
img.foto0 { 
  display: inline;
  position: relative;
  float: none;
  width: 465px;
  height: 271px;
  padding: 5px;
  border: 0px solid rgb(255,0,0);
  margin: 1%;
}
img.left { 
  display: inline;
  position: relative;
  float: left;
  width: 310px;
  height: 181px;
  padding: 5px;
  border: 0px solid rgb(255,0,0);
  margin: 1%;
}
img.right { 
  display: inline;
  position: relative;
  float: right;
  width: 233px;
  height: 135px;
  padding: 5px;
  border: 0px solid rgb(255,0,0);
  margin: 1%;
}
img.foto1 {
  display: inline;
  position: relative;
  float: left;
  width: 125px;
  height: 87px;
  padding: 5px;
  border: 0px solid rgb(255,0,0);
  margin: 10px;
}
img.foto2 {
  display: inline;
  position: relative;
  float: left;
  width: 125px;
  height: 87px;
  padding: 5px;
  border: 0px solid rgb(255,0,0);
  margin: 10px;
}
img.foto3 {
  display: inline;
  position: relative;
  float: right;
  width: 250px;
  height: 174px;
  padding: 5px;
  border: 0px solid rgb(255,0,0);
  margin: 10px;
}
img.icono { 
  float: none;
  margin: 1px;
  padding: 1px;
  border: 0px solid rgb(0,155,0);
  width: 88px;
  height: 31px;
}
</style>
<!−− Fin Hoja de estlos CSS −−>
</head>
<body>

<p>
<span>María José Rienda</span>, 
esquiadora granadina, la podemos ver en la foto 
bajando la prueba del "Supergigante", 
por la que consiguió la medalla en los 
campeonatos del mundo de ski alpino de 2004. 
<a href="http://www.mariajoserienda.com/" title="María José Rienda">
Página web de María José Rienda Contreras</a>.
</p>
<h1>Ejemplo de imagen sin flotar y estilo definido en CSS:</h1>
<p>
<img class="foto0" src="mariajoserienda1.jpg" alt="María José Rienda" />
Texto
</p>
<h1>Ejemplo de la misma imagen flotando a la izquierda y a la derecha:</h1>
<p>
<img class="left" src="mariajoserienda1.jpg" alt="María José Rienda" />
<img class="right" src="mariajoserienda1.jpg" alt="María José Rienda" />
Texto
</p>
<h1>Ejemplo de tres imágenes, dos flotando a la izquierda y una a la derecha:</h1>
<p>
<img class="foto1" src="mariajoserienda1.jpg" alt="María José Rienda" />
<img class="foto2" src="mariajoserienda2.jpg" alt="María José Rienda" />
<img class="foto3" src="mariajoserienda3.jpg" alt="María José Rienda" />
Texto
</p>

</body>
</html>