Wymuszenie pozycji - wcale nie rozbójnicze

[Bzyt_ek]

Usiłuję umieść centralnie na stronie div, w którym są dwa div i takie same obrazki, według takiego schematu: style:
.box {
float: left;
width: 150px;
padding: 15px;
background: url(‘https://res.cloudinary.com/mtkosciuszko/image/upload/v1512590129/246_vo3zzp.png’) no-repeat;
background-size: contain;
background-position: center;
height: 10px;
margin:0 auto; }

.clearfix::after {
content: „”;
clear: both;
display: table;
margin-left:50%;
margin-right:50%; }

Sprawdzić można to pod tym linkiem https://jsfiddle.net/4dqaxopg/
i za czorta im sie to nie udaje.
Może znajdzie się ? jakaś pomocna osoba która poratuje mnie rozwiązaniem problemu.
Pozdrawiam

[molexor]

flexbox zobacz w google.
Floaty to nie w tej epoce.

do końca nie wiem jaki efekt checsz uzyskać też . narysuj

[Bzyt_ek]

widziałeś link do przykładu ? - to są dwa ozdobniki w nagłówku strony - mają być „centralnie” na środku warstwy clearfix, a ta „centralnie” na środku strony

[molexor]

widziałem.
czyli że takie coś? ogarnij sobie flex-a . przyda się.

<div class="container">
  <div class="centralbox">
    <div class="box" style="background-color:#bbb"></div>
    <div class="box" style="background-color:#ddd"></div>
  </div>
  
</div>

.box {
  
  width: 150px;
  padding: 15px;
  background: url('https://res.cloudinary.com/mtkosciuszko/image/upload/v1512590129/246_vo3zzp.png') no-repeat;
  background-size: contain;
  background-position: center;
  height: 10px;
  margin: 0 auto;
}


.container{
  width:100%;
  display:flex;
  justify-content: center;
  
  flex-wrap: wrap;
}
.centralbox{
  display:flex;
}

A Complete Guide to Flexbox | CSS-Tricks - CSS-Tricks