Pictur allignement

Hello,

I have a small problem I’m making sure that the images are 2 by 2 and with a small gap between them but here is what it gives with this code and a screen of the problem.

<div style="padding: 12px; background-color: #FEFEFE; border: 3px solid #010101;">

<div style="width: 130px; background: #FEFEFE; display: inline-block; float: left;"> 
<a href="https://www.facebook.com/UBET-1858229724408417/"><img src="https://www.ubet.fr/wp-content/uploads/2017/04/facebook-bon-150x150.png" alt="" width="150" height="150" class="alignnone size-thumbnail wp-image-310" /></a></div>

<center><img style="width: 130px; class="alignnone size-full wp-image-77" src="http://www.ubet.fr/wp-content/uploads/2017/04/snap.png" alt="" width="100" height="100" /></center>

<center><img style="width: 130px; class="alignnone size-full wp-image-77" src="https://www.ubet.fr/wp-content/uploads/2017/04/insta-150x150.png" alt="" width="100" height="100" /></center>

<img style="width: 130px;  display: inline-block; float: left;"src="https://www.ubet.fr/wp-content/uploads/2017/04/twitter-150x150.png" alt="" width="150" height="150" class="alignnone size-thumbnail wp-image-313" />

</div>

Thank you

Hello Samir,

Can you please provide a link to the page that contains those images?

Kind Regards, Roman.

https://www.ubet.fr/

Hello Samir,

Thank you for the link. Why did you use <center> elements?

Kind Regards, Roman.

i dont no

<div style="padding: 12px; background-color: #FEFEFE; border: 3px solid #010101;">

<div style="width: 130px; background: #FEFEFE; display: inline-block; float: left;"> 
<a href="https://www.facebook.com/UBET-1858229724408417/"><img src="https://www.ubet.fr/wp-content/uploads/2017/04/facebook-bon-150x150.png" alt="" width="150" height="150" class="alignnone size-thumbnail wp-image-310" /></a></div>

<img style="width: 130px; class="alignnone size-full wp-image-77" src="http://www.ubet.fr/wp-content/uploads/2017/04/snap.png" alt="" width="100" height="100" />

<img style="width: 130px; class="alignnone size-full wp-image-77" src="https://www.ubet.fr/wp-content/uploads/2017/04/insta-150x150.png" alt="" width="100" height="100" />

<img style="width: 130px;  display: inline-block; float: left;"src="https://www.ubet.fr/wp-content/uploads/2017/04/twitter-150x150.png" alt="" width="150" height="150" class="alignnone size-thumbnail wp-image-313" />

</div>

does not work

Hello Samir,

It looks like this issue requires close inspection, this goes beyond our support policy. As an option, you can find a reputable freelancer on Upwork for this kind of service.

Kind Regards, Roman.