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.

fiddle courtesy of suresh ponnukalai.


Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -