ajustar texto junto a una tabla

[jultrun121]

tengo esta pagina [URL="http://trungames.hol.es/RANDOM.php"]http://trungames.hol.es/RANDOM.php[/URL]
quiero que que el párrafo no se vaya para abajo sino que simplemente salte de linea cuando encuentre la tabla como pasa aqui [URL="http://es.ben10fanon.wikia.com/wiki/Bengrox"]http://es.ben10fanon.wikia.com/wiki/Bengrox[/URL].

[fede5426]

Para que el texto se acomode a un elemento flotante, se usa una estructura similar a esta:

Código HTML:

<div>
   <table></table>
   <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae mollitia dolore, nihil quod, laboriosam nesciunt accusamus corporis similique vel beatae, numquam vitae. Dicta nobis magni veniam eos nostrum totam consectetur!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed quis reprehenderit, velit neque ipsam necessitatibus minima nihil, vitae corporis rem, maiores harum aliquid ex sequi iure possimus facere voluptate eos?</p>
</div>
 

Código CSS:

table{
    width:250px;
    height:250px;
    background-color:#333;
    margin:0 1em .5em 0;
    float:left;
}
 

Con que el elemento flotante este dentro del mismo contenedor que el texto, es suficiente para que ese texto se amolde a la tabla o imagen.. o lo que sea que hayas flotado.

http://codepen.io/fede5426/pen/RPZOZE

Revisé tu código y pensé que el "display:block" del párrafo podría estar impidiendo que se acomode alrededor de la tabla, pero no, lo probé y display block no afecta. Seguramente me salté el problema porque no pude encontrar donde está el error, por eso te dejé la forma de hacerlo, para que revises tu código y lo compares.

Saludos