Bonjour,
J'ai réussi à centrer mes deux blocs, mais je ne parviens pas à ce qu'il soit aligné avec le blocs au dessus et que l'espace soit au centre et non sur le côté de ces deux blocs.
Merci aux âmes sympas qui m'aideront dans la recherche.
Ci joint, une image du rendu et objectif.
et ci-dessous le code html et css
J'ai réussi à centrer mes deux blocs, mais je ne parviens pas à ce qu'il soit aligné avec le blocs au dessus et que l'espace soit au centre et non sur le côté de ces deux blocs.
Merci aux âmes sympas qui m'aideront dans la recherche.
Ci joint, une image du rendu et objectif.
et ci-dessous le code html et css
<section id="presentationFune">
<ul>
<li>
<article id="Dinant">
<div id="photoDinant"><h2>Blahblahblha</h2></div>
<aside class="texteDinant">lahlfslfsqjfjdskdfs</aside>
</article>
</li>
<li>
<article id="Hermeton">
<div id="photoHermeton"><h2 blahblhaf</h2></div>
<aside class="texteHermeton">blahblsfjlsf</aside>
</article>
</li>
</ul>
</section>#presentationFune ul {padding: 0px;
margin:0px;
text-align: center;}
#presentationFune ul li {display: inline;
list-style-type:none;}
#presentationFune article {display:inline-block;
margin: 0px;
width: 35%;}
#photoDinant {background-image: url('img/test.jpg');
height: 350px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;}
#photoHermeton {background-image: url('img/test.jpg');
height: 350px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;}
#presentationFune article aside {background-color: white;
height: 50px;
margin-bottom: 50px;}