Bonjour,
Je suis en train de créer mon CV en ligne et j'essaie de positionner un bloc 'article' et un bloc 'aside' côte à côte avec la propriété display: inline-block, cependant cela ne fonctionne pas et le bloc 'aside' reste au dessus du bloc 'article', voici mon code html et css :
Qu'est ce qui pourrait bloquer l'alignement horizontal ??
Merci beaucoup !
Je suis en train de créer mon CV en ligne et j'essaie de positionner un bloc 'article' et un bloc 'aside' côte à côte avec la propriété display: inline-block, cependant cela ne fonctionne pas et le bloc 'aside' reste au dessus du bloc 'article', voici mon code html et css :
<div id="block">
<section>
<aside>
<h1>En resumen</h1>
<img src="images/triadmars.jpg" alt="Image Triad Mars" width="70" height="58" />
<p>21 de enero de 1992</p><p>Francesa</p><p>Mions (69780), FRANCIA<p>Permiso de conducir</p><p>Coche proprio</p>
</aside>
<article>
<div id="textos"> <h1><img src="images/drapeauespagnol.jpg" alt="Drapeau espagnol" class="floatleft" width="40" height="25" />CV<span> en español</span></h1>
<p>TEXTE</p>
<p id="footer">|
Création <a href="http://www.mon-cv-en-ligne.com">Mon CV
en ligne</a> | Design : <a href="http://www.devixdesign.com">Lucas
Santos</a> |</p>
</div></div>
</div></article>
</section>
aside, article
{
display: inline-block;
text-align: justify;
margin-right: 20px;
}
aside
{
position: relative;
width: 235px;
background-color: #685959;
box-shadow: 0px 2px 5px #1c1a19;
border-radius: 5px;
padding: 10px;
color: white;
font-size: 15px;
float: right;
}
Qu'est ce qui pourrait bloquer l'alignement horizontal ??
Merci beaucoup !