title: Center all elements in a div but the text are justified in css
body: <p>This is my attempt but the div wrapper doesn't center the content div.
  I have a div containing ang box shape with another div with texts.</p>
  
  <pre><code>.wrapper {
    position:absolute;
      left: 50%;
  }
  
  .content {
      width:90%;
  text-align:justify;
      left: -50%;
      display: inline-block;
  }
  
  .button {
  text-align:center;
  }
  
  
  &lt;div class="wrapper"&gt;
  
  &lt;div name="box" style="background-color:#FF6201;width:220px;height:220px;:30px"&gt;
     &lt;div class="content"&gt;Content and Creative Writing, Social Media Management, SEO, Outbound Sales, Outbound Sales Appointment Setting,&lt;button class="button"&gt;
     weee&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I can actually do on html by adding  tags but i am hoping to make this done in css. pls help.</p>