Centrralizar e Alinhar DIVS

Boa Tarde, Estou tendo problemas em conseguir colocar as div lado a lado alinhadas corretamente.. casso possam me ajudar ficaria grato. Segue meu código CSS responsável pelas div.

.col-100 { width: 100%. float: left. position: relative. }.principal-text { background-color: #424242. }.ul-softwares { list-style-type: none. display: inline-block. height: 350. width: 90%. float: left. border: 2px solid #656565. border-radius: 15px. background-color: #373737. margin: 0 auto. }.ul-bancodedados { list-style-type: none. display: inline-block. height: 350. width: 90%. border: 2px solid #656565. border-radius: 15px. background-color: #373737. margin: 0 auto. }.ul-mobile { list-style-type: none. display: inline-block. height: 350. width: 90%. border: 2px solid #656565. border-radius: 15px. background-color: #373737. margin: 0 auto. }.ul-redeestruturada { list-style-type: none. display: inline-block. height: 350. width: 90%. float: right. border: 2px solid #656565. border-radius: 15px. background-color: #373737. margin: 0 auto. }

.principal-text ul li {

 margin: auto. text-align: center. }.uls-principal { text-align: center. }.li-img { padding-top: 6px. }

.uls-principal div {

 display: inline-block. width: 180. padding-right: 20px. } Abaixo meu código HTML: <div class="col-100 principal-text"> <main class="uls-principal"> <div class="div-prog"> <ul class="ul-softwares"> <li class="li-img"><img src="./img/programacao.png"></li> <li> <h1>Softwares</h1> </li> <li> <p>Possuimos diversos Softwares para a sua empresa.</p> </li> <li></li> </ul> </div> <div class="div-bd"> <ul class="ul-bancodedados"> <li class="li-img"><img src="./img/bancodedados.png"></li> <li> <h1>Banco de Dados</h1> </li> <li> <p>Organimazanos todos seus dados e configuramos oque precisa.</p> </li> <li></li> </ul> </div> <div class="div-mobile"> <ul class="ul-mobile"> <li class="li-img"><img src="./img/mobile.png"></li> <li> <h1>Desenvol. Mobile</h1> </li> <li> <p>Fazemos o aplicativo ideal para a sua Empresa.</p> </li> <li></li> </ul> </div> <div class="div-rede"> <ul class="ul-redeestruturada"> <li class="li-img"><img src="./img/rede.png"></li> <li> <h1>Estrutura de Rede</h1> </li> <li> <p>Fazemos toda o mapiamento da rede e implantação.</p> </li> <li></li> </ul> </div> </main> </div> Print das DIV:![imagem](https://forum.imasters.com.br/monthly_2019_12/Screenshot_4.jpg.02df0063e331fc94103c4f0bf2bd108d.jpg) Alguem sabe oq posso alterar para alinhar elas corretamente?