27799 sujets

CSS et mise en forme, CSS3

Bonjour,
Comme dit dans le titre deux de mes balises ne veulent pas se mettre côte à côte.
Mon code :
- CSS

.article div{
	display: inline-block;
}

- Et HTML

<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>
Modérateur
Salut,

Tout d'abord il n'y a pas de classe .article dans ton code, ton sélecteur de fonctionne pas.

Et meme une fois réparé, le second bloc est trop large a cause du texte, il ne tient pas a coté du premier. Tu peux leur donner une taille (20% et 80% par exemple ou encore 200px et 100%-200px) ou bien opter pour un autre display comme flex.

Bonne soirée
Meilleure solution
Bonjour,
dans ma stupidité j'ai oublié de dire que mon .article est l'article code :
<article class="article">

Mais la catégorie
display: inline-flex;

marche.
Merci !