how can i make a text before other one even if they are in the same div

enter code here div{
                    background-color: rgb(209, 209, 209);
                    text-align: center;
                    padding: 20px;
                    font-size: 20px;
                    font-family: Arial, Helvetica, sans-serif;
                    margin: 0 100px;

                    }
                  
                  div::before{
                              content: "";
                  }

inside a content for example:

enter code here div{
                    background-color: rgb(209, 209, 209);
                    text-align: center;
                    padding: 20px;
                    font-size: 20px;
                    font-family: Arial, Helvetica, sans-serif;
                    margin: 0 100px;

                    }
                  
                  div::before{
                              content: "This is Hamza";
                  }

try something like this

div{
float:left;
}
.span1{
color:green;
}
.span2{
color:red;
}

<div>
    <span class="span1">
      I'm the left content of the div   
    </span>
    <span class="span2">
       I'm the right content of the div 
    </span>
</div>