alinear imagen y parrafo de texto

[programador_aprendiz]

Salduos compañeros estoy usando bootstrap 3.3.6 y tengo el siguientre código:

Código HTML:

<div id="contenido_articulos_inicio">
    <div class="col-lg-6">
        <h4>Artículo1</h4>
        <img src="<?php base_url(); ?>images/imagen_pruebas1.jpg" class="img-rounded img-responsive" />
        <p>Su descripción algunas lineas o frases para ilustrar la imagen 1 y/o el tema del que se trata de hablar.</p>

        <h4>Artículo2</h4>
        <img src="<?php base_url(); ?>images/imagen_pruebas2.jpg" class="img-rounded img-responsive" />
        <p>Su descripción algunas lineas o frases para ilustrar la imagen 2 y/o el tema del que se trata de hablar.</p>
    </div>
    <div class="col-lg-6">
        <h4>Artículo3</h4>
        <img src="<?php base_url(); ?>images/imagen_pruebas3.jpg" class="img-rounded img-responsive" />
        <p>Su descripción algunas lineas o frases para ilustrar la imagen 3 y/o el tema del que se trata de hablar.</p>

        <h4>Artículo4</h4>
        <img src="<?php base_url(); ?>images/imagen_pruebas4.jpg" class="img-rounded img-responsive" />
        <p>Su descripción algunas lineas o frases para ilustrar la imagen 4 y/o el tema del que se trata de hablar.</p>
    </div>
</div>>

y lo que estoy tratando de hacer es el alinear el texto hacia la derecha de la imagen es decir en esta parte:

Código HTML:

<div class="col-lg-6">
    <h4>Artículo1</h4>
    <img src="<?php base_url(); ?>images/imagen_pruebas1.jpg" class="img-rounded img-responsive" />
    <p>Su descripción algunas lineas o frases para ilustrar la imagen 1 y/o el tema del que se trata de hablar.</p>

    <h4>Artículo2</h4>
    <img src="<?php base_url(); ?>images/imagen_pruebas2.jpg" class="img-rounded img-responsive" />
    <p>Su descripción algunas lineas o frases para ilustrar la imagen 2 y/o el tema del que se trata de hablar.</p>
</div> 

He tradado algunas cosas como float, textaling y eso pero nada. O no se si tenga que reestructurar el código.

¿Podrian ayudarme porfavor?

[petit89]

tienes que averiguar sobre la propiedad float de CSS, agregando esto a style de los parrafos(<p>) puedes conseguir el resultado que buscas

[programador_aprendiz]

Iniciado por petit89

tienes que averiguar sobre la propiedad float de CSS, agregando esto a style de los parrafos(<p>) puedes conseguir el resultado que buscas

Siguiento la sugerencia probe con "float:right;" y "float:left;" y no pasa nada.

Decidi hacer un poco más sencillo el código así:

Código:

<div id="contenido_articulos_inicio">
    <img src="<?php base_url(); ?>images/imagen_pruebas1.jpg" class="img-rounded img-responsive" />
    <p>Su descripción algunas lineas o frases para ilustrar la imagen 1 y/o el tema del que se trata de hablar.</p>
</div>

el id "contenido_articulos_inicio" solo da un margin-top de 40px.

intente float:right;en el parrafo pero solo me pasa el texto a la derecha pero sigue estando por debajo de la imagen.

con el float:left no pasa nada deja el texto tal cual es decir, a la izquierda y debajo de la imagen.

tambien intente colocar el float:left en laimagen y asi alparecer si funciona.

No se si asi sea la forma correcta.