Вывод постов

Замени на это

<?php echo get_the_title(); ?>
<?php echo get_the_content(); ?>

И почитай в чем разница:
https://wp-kama.ru/function/get_the_content

Я бы для начала сделал так:

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
			<div class="post">
				<!-- начало поста -->
				<h3><?php the_title(); ?><!-- Заглавие поста --></h3>
				<p>
					<?php the_content(); ?>
				</p>
				<!-- конец поста -->
			</div>
			<?php endwhile; ?>
			<!--  -->
			<?php else: ?>
			<!-- posts not found -->
			<?php endif; ?>
		</div>

А стили для h3 и p относящиеся к <div class="post"> прописывать в css следующим образом:

.post h3 {

}

.post p{

}

the_content() сам оборачивает в p теги, поэтому тебе нужно его обернуть в div.

<div class="post-text">
	<?php the_content(); ?>
</div>

А то у тебя получается p тег и внутри него появляются еще p теги, который в результате вылазят наружу потому что браузер не позволяет содержать p внутри p...

Или можно просто использовать как есть...

    <div class="post">
		<!-- начало поста -->
		<h3 class="post-title"><?php the_title(); ?><!-- Заглавие поста --></h3>

		<?php the_content(); ?>
		<!-- конец поста -->
	</div>

.post {
	max-width: 500px;
	width: 100%;
	min-width: 320px;
	height: 200px;
	word-wrap: break-word;
	display: block;

	font-style: italic;
	font-size: 20px;
	color: white;
}
.post .post-title {
	margin: 5px auto;
}