How to position something inside of a container HTML

I am currently trying to make a website. I want to have text boxes explaining what I am trying to do and a tiny about us underneath. I want to incorporate a grey border around the text and keep the text part white. I was originally trying to use margin to accomplish this but just switched to container because it worked better. When I try to place the text boxes in container using absolute it doesn't allow me to. To make the text boxes the most effective I need to place exact coordinates rather then just float right or left. Below is the code I am trying to incorporate. Any help is greatly appreciated

.site_container {
              max-width: 650px;
              margin-left: auto;
              margin-right: auto;
              background-color: blue;
 }

<div class="site_container">

<div2 style="position: absolute; top:570px; left:245px">
<fontcolor="white">Services/Projects we offer:
<br />
<br />-Websites
<br />-Mobile Development
<br />-Design
<br />
</div2>
</font>

This is an example of one html text box. There are three others and are positioned similarly. Thanks for any help. It is greatly appreciated