我如何更改Sweetalert框上的文本位置？

Question

我正在尝试在我的sweetalert框的左侧放置文本。我该怎么办？

附件中的图片，我想在左侧添加文本。Actual view

我的脚本：

    Swal.fire({
    title:'<strong>Info produit : '+data.id+'</strong>',
    type: 'info',
    html: '<b>Designation : </b>'+data.designation+'<br><b>Unite : </b>'+data.unite+'<br><b>Prix : </b>'+data.prix+'<br><b>Categorie : </b>'+data.categorie+'<br><b>Sous Categorie : </b>'+data.sous_categorie+'<br><b>Fournisseur : </b>'+data.fournisseur+'<br><b>Statut : </b>'+data.statut,
    showCancelButton: false,
                    })

Answer 1

Swal.fire({
  html: '<div class="align-left">text aligned left</div>',
})

.align-left {
  text-align: left;
}

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>