html - Position center with float left and with, but it's not centered, how? -
i want centered few blocks, in row 3 next each other , row beneath 3 blocks in row. here html , css. @ moment not next each other in row. @ jsfiddle https://jsfiddle.net/fop5q28x/4/
<div id="engagement"> <img src="img/engagement.jpg" alt="engagament" /> <h2>engagement</h2> <p>content automatisch doorplaatsen</br> naar uw youtube, facebook of </br> twitter kanaal</p> </div> <div id="conversie"> <img src="img/conversie.jpg" alt="conversie" /> <h2>conversie</h2> <p>van kijkers naar lid, klant koper of</br> actieve deelnemer. juist niet alleen</br> voor grote organisaties</p> </div> <div id="elearning"> <img src="img/elearning.jpg" alt="elearning"/> <h2>e-learning</h2> <p>online video een van de snelst</br> groeiende onderwijsmethode aan</br> het worden</p> </div> <div id="klanttevreden"> <img src="img/klanttevreden.jpg" alt="klanttevredenheid" /> <h2>klanttevredenheid & call-reductie</h2> <p>doordat klanten online goed worden</br> geholpen hoeven zij niet meer</br> te bellen of e-mailen</p> </div> <div id="communicatie"> <img src="img/communicatie.jpg" at="communicatie" /> <h2>corperate communicatie</h2> <p>cras justo odio, daboitus ac facicilis in,</br> egestas eget quam. vestibulumporta </br>felis euismod semper</p> </div> <div id="advertentie"> <img src="img/advertentie.jpg" alt="advertentie" /> <h2>advertientie omzetverhoging</h2> <p>cras justo odio, daboitus ac facicilis in,</br> egestas eget quam. vestibulumporta </br>felis euismod semper</p> </div> </div>
#klanttevreden
isn't floating because have syntax error in css.
#klanttevreden,{ float: left; width: 33.3333333%; }
notice comma.
Comments
Post a Comment