[riaron86]

Хочу выравнить по центру см картинку особенное некрасивость выраниваие сим
фото https://ibb.co/8Kkgjzr

<div className="chxxx" >
<H4>HELLO</H4>
<div className="chkxxes">
<div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div>
<div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div><div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div>
</div>

<H4>HELLO</H4>
<div className="chkxxes">
<div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div>
<div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div><div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div>
</div>
<H4>HELLO</H4>
<div className="chkxxes">
<div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div>
<div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div><div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div>
</div>
<H4>HELLO</H4>
<div className="chkxxes">
<div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div>
<div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div><div className='chckxes' >
            <div>{props.named}</div>
            <div><input type="checkbox" name={props.mname}/></div>
        </div>
</div>

</div>

h4{
    font-size: 16px;
    text-align: center;

}
div.chxxx{
    text-align: center;
}
div.chckxes{
    font-size: 14px;
    float: left;
    display:inline-block;
    text-align: center;
    margin: 3px;
    left:50%;
}