Interchange the positions of two divs in Webstorm

Hello There, I have the following structure

<div className="shared_assignment_info">
  <div className="shared_assignment_info__content">
    <h4>Date Created</h4>
    {formatDate(createdDate)}
  </div>
  <div className="shared_assignment_info__content">
    <h4>Date Shared</h4>
    {formatDate(itemSharedDate)}
  </div>
  <div className="shared_assignment_info__content">
    <h4>Created By</h4>
    {createdBy}
  </div>
</div>

How can I interchange the position of the first and third nested divs? I mean, I want the third div to be the first one and vice versa