•  
     

Uso do float para dois - HTML e CSS

HTML

Código: Selecionar todos

<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css">
<title>Resultado</title>
</head>
<body>
<div></div>
<p>Dê uma olhada! Sou um bloco de texto, mas a &lt;div&gt; e eu podemos viver em harmonia. Barcos no mar, cara. Barcos no mar.</p>
</body>
</html>


CSS

Código: Selecionar todos

div{
height: 300px;
width: 300px;
border: 2px solid black;
border-radius: 5px;
background-color: #308014;
float:right;	
}

p{
font-family: Verdana, sans-serif;
font-size: 20px;
width: 280px;
float:left;
}


Demo: http://jsfiddle.net/8nafpxky/