Code html Help Options

[tu159.]

<style type="text/css">.general-content1{background-color:#f8f8f8!important;}.nav.nav-tabs li a{background-color:green;color:white;padding:10px 15px;font-size:20px;}
.tab-content h3{border-bottom: 1.5px solid #313d68;color: #313d68;}
.tab-content p,li{font-size:17px;font-weight:400;color:#646464;}
.content-box{padding:00px 10px 10px 7px;margin:20px 0 30px 0;border-top: 10px solid #0088C2;box-shadow: 0px 0px 5px #9b9b9b; border-radius:5px; }
.content-box h4{font-size:20px;font-weight:bold;padding: 10px 0;color: #555555;}
.content-box p{font-size:16px;color: #646464;line-height: 1.4;}
.content-box button{padding:10px 15px;color:white;background-color:#0048BA; border:none}
</style>

I have the above code where it stacks the content boxes on top of each other. I would like them to be next to each other. Is that possible before I add any table underneath it.

In other words, on the page, I would like a three boxes
writing
table underneath..

I hope that helps and would be gratefulf if somebody can help with the code.