Best alignment/layout options

[x_c_x]

Hi folks. Hope everyone is well! What would be the best alignment/layout properties for designing the attached image? I've only got the below designed and I don't want to proceed only to then encounter issues with breakage, etc. and have to re-write code (lazy, right?). No code necessary. Just the best (current) option(s) for laying the text out, in particular. But everything else as well. By the way, is PalPay a payment method for the shop items and are hoodies forthcoming? Thanks all! God bless! =).

HTML:

<div class="table">
  <div class="subtable">
    <p>
      ORDER PLACED<br>May 2, 2022
    </p>
  </div>
 </div>
 
 CSS:
 
 .table {
    width: 760px;
    height: 250px;
    border: 1px solid lightgrey;
    border-radius: 6px;
}

.subtable {
    padding: 1px 5px;
    width: 750px;
    height: 70px;
    background-color: #e8f0f0af;
    border-bottom: rgb(238, 236, 236);
}

.subtable p {
   
    font-family: Arial;
    font-size: 12px;
    color: gray;
}

 

[Antero360]

View attachment 2230

Hi folks. Hope everyone is well! What would be the best alignment/layout properties for designing the attached image? I've only got the below designed and I don't want to proceed only to then encounter issues with breakage, etc. and have to re-write code (lazy, right?). No code necessary. Just the best (current) option(s) for laying the text out, in particular. But everything else as well. By the way, is PalPay a payment method for the shop items and are hoodies forthcoming? Thanks all! God bless! =).

HTML:

<div class="table">
  <div class="subtable">
    <p>
      ORDER PLACED<br>May 2, 2022
    </p>
  </div>
 </div>
 
 CSS:
 
 .table {
    width: 760px;
    height: 250px;
    border: 1px solid lightgrey;
    border-radius: 6px;
}

.subtable {
    padding: 1px 5px;
    width: 750px;
    height: 70px;
    background-color: #e8f0f0af;
    border-bottom: rgb(238, 236, 236);
}

.subtable p {
  
    font-family: Arial;
    font-size: 12px;
    color: gray;
}

Hi there,
May I ask what is the intended purpose for this? Out of curiosity, is that from Amazon?

 

[x_c_x]

Hi there,
May I ask what is the intended purpose for this? Out of curiosity, is that from Amazon?

This is simply for my learning experience. If I can't align/layout simple elements I shouldn't really proceed with anything more complex. Yes, this is an Amazon design. Thanks! =).

 

[x_c_x]

Hi there,
May I ask what is the intended purpose for this? Out of curiosity, is that from Amazon?

Any tips regarding my post above? Thanks! =).