Mes deux div ne veulent pas se mettre côte à côte

.article div{
	display: inline-block;
}

<article>
<div class="nav">
	<p class="title-nav">Zevo <br> Blog du rien</p>
	<nav>
		<ul>
			<li class="jeux-videos"><a href="/blog/jeux-videos">Jeux vidéos</a> 
				<ul>
					<li><a href="/blog/jeux-videos/minecraft">Minecraft</a></li>
					<ul>	
						<li><a href="/blog/jeux-videos/minecraft/build">Le Build</a></li>
						<li><a href="/blog/jeux-videos/minecraft/creatif">Le mode Survie</a></li>
						<li><a href="/blog/jeux-videos/minecraft/survie">Le mode Créatif</a></li>
					</ul>
				</ul>
			</li>
		</ul>
	</nav>
</div>
<div class="p">
		<p class="1">
			Lorem ipsum dolor sit amet. Ut molestiae galisum sit animi sapiente 33 vero laborum! 33 necessitatibus aliquid non consequatur iure ut doloribus dolores et officia atque est nisi quaerat? Ex explicabo reiciendis aut rerum culpa explicabo esse qui quis fugiat qui deleniti pariatur qui tenetur sapiente. Et iusto molestiae cum dignissimos cupiditate non optio fugit et quos rerum qui labore ipsa. Quo praesentium pariatur eum neque culpa sed magnam voluptatem? Eum velit dolor in ipsa consequatur eos nihil molestiae et doloremque aliquid est quisquam deleniti. Cum architecto omnis aut porro velit in consequatur veritatis.
		</p>
		<p class="2">
			Quo nisi inventore a quod dolor internos dicta aut nihil fuga. Qui aliquid enim ea veritatis dolor est laboriosam similique eos quod omnis ea Quis sunt est unde voluptatum. Vel ipsum numquam et sint architecto eum aliquid sunt est dolore nemo in quod distinctio! Sed dolore numquam est doloremque omnis vel corporis omnis sit nesciunt autem sit dolorum sapiente ut placeat unde qui quia perspiciatis! Qui ex harum earum nam neque.
		</p>
		<p class="3">
			A harum necessitatibus sed magni itaque ut aspernatur deleniti et illo quas. Et perspiciatis porro eum quaerat mollitia ex omnis numquam ex eaque dignissimos quo accusantium dolores ea repellat tenetur in autem dolor. Sit modi quis nam maiores cupiditate sit vero tempore cum culpa porro et aliquid laudantium et deserunt debitis. Est maiores temporibus vel blanditiis atque sed tempore repudiandae ut asperiores temporibus sit voluptatum eius ab facilis magni. Ea quas minus est molestiae dolores aut consequatur accusamus est doloremque laboriosam et mollitia repellendus ad fugiat omnis aut architecto libero.
		</p>
</article>

<article class="article">

display: inline-flex;