El el texto inicial de un párrafo salga debajo de la imagen

[flashmax]

Iniciado por Hildergarn

Agradecería un poco de ayuda en este pequeño detalle que deseo corregir. Si le echan una ojeada al homepage de esta página verán que aparece una imagen con tres párrafos a su lado derecho.

En la imagen de abajo es como se muestra en mi tablet al colocarlo en posición vertical:



¿De qué forma puedo corregir esto haciendo que el texto salga abajo? Si sirve de algo, este es el código que tengo para dicha sección:

Código:

<h1 style="text-align: center;">¿Te gusta la historia panameña?</h1>
<p><img src="http://www.panamaviejaescuela.com/wp-content/uploads/2014/07/fondo-home-e1499887597483.jpg" alt="" class="alignleft size-full wp-image-6980" /></p>
<div style="font-size: 19px; line-height: 29px;">
<p style="text-align: left;">En ese caso, te queremos dar una calurosa bienvenida a <strong>Panamá Vieja Escuela</strong>, el sitio web de historia panameña más popular de toda la internet.</p>
<p>En agosto de 2012, iniciamos como un simple proyecto en redes sociales, y luego de dos años decidimos llevar todos nuestros conocimientos históricos a la internet, lo que resultó en la creación de este portal.</p>
<p>Hemos ayudado a cientos de personas en sus consultas o trabajos investigativos, algo que nos llena de mucho orgullo. Si te llama la atención saber más, empieza a navegar por nuestro menú superior y viaja en el tiempo por el Panamá de ayer.</p>

Hola prueba esto haber si te ayuda
<style type="text/css">

p {
display: inline-block;
}
@media (min-width: 767px) {
p {
display: block;
}
}

</style>