¿Cómo puedo hacer que el elemento de audio se alinee en un elemento de

¿Cómo puedo hacer que el elemento de audio se alinee en un elemento de la lista?

De forma predeterminada, el elemento de audio aparece descentrado en un elemento de la lista. ¿Cómo puedo arreglar eso en CSS?

<ol>
  <li>
    [::1]:37588 - Created: 451.767796ms ago
    <audio controls>
          <source src="https://local-audio-test.s3.ap-southeast-1.amazonaws.com/%5B%3A%3A1%5D%3A37588/2022-01-02/test.m4a" type="audio/x-m4a" />
        </audio>
  </li>
  <li>
    [::1]:37562 - Created: 11h21m31.451801108s ago
    <audio controls>
          <source src="https://local-audio-test.s3.ap-southeast-1.amazonaws.com/%5B%3A%3A1%5D%3A37562/2022-01-01/audio.m4a" type="audio/x-m4a" />
        </audio>
  </li>


</ol>

Mostrar la mejor respuesta

Puede usar flex-box y alinea tus elementos y justifica el contenido.

Si esto no es lo que está buscando, hágamelo saber y puedo ajustar mi respuesta o eliminarla.

li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: .5em;
}
<ol>
  <li>
    [::1]:37588 - Created: 451.767796ms ago
    <audio controls>
          <source src="https://local-audio-test.s3.ap-southeast-1.amazonaws.com/%5B%3A%3A1%5D%3A37588/2022-01-02/test.m4a" type="audio/x-m4a" />
        </audio>
  </li>
  <li>
    [::1]:37562 - Created: 11h21m31.451801108s ago
    <audio controls>
          <source src="https://local-audio-test.s3.ap-southeast-1.amazonaws.com/%5B%3A%3A1%5D%3A37562/2022-01-01/audio.m4a" type="audio/x-m4a" />
        </audio>
  </li>


</ol>

   li {
        display: flex;
      }
      span {
        margin-top: 30px;
        margin-right: 20px;
      }
      audio {
        margin-top: 10px;
      }
   <ol>
      <li>
        <span>[::1]:37588 - Created: 451.767796ms ago</span>
        <audio controls>
              <source src="https://local-audio-test.s3.ap-southeast-1.amazonaws.com/%5B%3A%3A1%5D%3A37588/2022-01-02/test.m4a" type="audio/x-m4a" />
            </audio>
      </li>
      <li>
        <span>[::1]:37562 - Created: 11h21m31.451801108s ago</span>
        <audio controls>
              <source src="https://local-audio-test.s3.ap-southeast-1.amazonaws.com/%5B%3A%3A1%5D%3A37562/2022-01-01/audio.m4a" type="audio/x-m4a" />
            </audio>
      </li>
    </ol>

Prueba esto

li {
    display: flex;
}

span {
     margin-top: 20px;
     margin-right: 20px;
}
<ol>
      <li>
        <span>[::1]:37588 - Created: 451.767796ms ago</span>
        <audio controls>
              <source src="https://local-audio-test.s3.ap-southeast-1.amazonaws.com/%5B%3A%3A1%5D%3A37588/2022-01-02/test.m4a" type="audio/x-m4a" />
            </audio>
      </li>
      <li>
        <span>[::1]:37562 - Created: 11h21m31.451801108s ago</span>
        <audio controls>
              <source src="https://local-audio-test.s3.ap-southeast-1.amazonaws.com/%5B%3A%3A1%5D%3A37562/2022-01-01/audio.m4a" type="audio/x-m4a" />
            </audio>
      </li>
    
    
    </ol>