Footer Alignment Issues

Have created a footer on a website using the following CSS. .footer_wrap {width:100%; max-width:100%; background:#551155;} .footer_content {padding:10px; display:flex;font-

Solution 1:

i believe you are looking for justify-content:center;

    .footer_wrap {
      width: 100%;
      max-width: 100%;
      background: #551155;
    }
    .footer_content {
      padding: 10px;
      display: flex;
      justify-content:center;
      font-size: 12px;
      margin-left: 90px;
      margin-right: 90px;
    }
    .footer_nav {
      width: 150px;
      h1 {
        color: white;
        font-size: 20px;
      }
    }
    ul {
      margin: 0;
      padding: 11px;
    }
    .footer-social {
      text-align: center;
    }
    .footer-social li {
      display: inline;
    }

<div class="footer_wrap">

  <div class="footer_content">
    <nav class="footer_nav">
      <h1>Suite</h1>
      <ul>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
      </ul>
    </nav>
    <nav class="footer_nav">
      <h1>Claims</h1>
      <ul>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
      </ul>
    </nav>
    <nav class="footer_nav">
      <h1>Policy</h1>
      <ul>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
      </ul>
    </nav>
    <nav class="footer_nav">
      <h1>Billing</h1>
      <ul>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
        <li><a href="url">link text</a>
        </li>
      </ul>
    </nav>
    <nav class="footer_nav">
      <h1>Templates</h1>
      <ul>