ulの左端を揃えたまま中央寄せする

html

<div class="content-txt">
  <p class="txt-center">
    タイトル
  </p>
  <div class="ul-align-center">
    <ul>
      <li>1行目</li>
      <li>２行目２行目</li>
      <li>３行目３行目３行目</li>
    </ul>
  </div>
  <p class="txt-right">
    右寄せ
  </p>
</div>

sass

.content-txt{
  border: 1px solid;

  .txt-center{
    text-align: center;
  }
  .txt-right{
    text-align: right;
  }
  ul{
    list-style: disc;
    padding-left: 15px;
  }
  .ul-align-center{
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

結果