posicionar elemento al pie de un textarea

[nh2006]

Hola amigos,

Tengo un pequeño problema, pues resulta que no logro posicionar que un div aparezca al pie de un textarea.

Mi código HTML es el siguiente:

Código HTML:

<textarea name="texto" id="texto" style="width:300px;height:230px;"></textarea>
<div class="contenido">Pie de un textarea</div> 

el estilo para el div es el siguiente:

Código CSS:

.contenido{
        display: inline;
    background-color: #BC1010;
    border-radius: 0.5em;   
    color: white;
    display:none;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 6px;    
    padding: 3px 12px;  
}
 

Como pueden ver, tengo un textarea y al lado superior derecho aparece un div, pero no logro hacer que se posicione justo después del textarea.

¿Cómo puedo adaptarlo a lo que necesito?

Gracias desde ya

[Oscar_Hidro]

Que tal @nh2006. Lo que tienes que hacer para que el div se posicione despues del textarea, es darle la propiedad display:inline-block;

[nh2006]

Muchas gracias amigo, va muy bien

Saludos