Me gustaría lograr algo así:
Pero lo máximo que he logrado es lo siguiente:
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet"/>
<div class="row d-flex justify-content-between align-items-center">
<div class="col-6">
<span class="pr-4">
<i class="fa fal fa-eye" style="font-size:16px"></i>
<span class="card-text">3</span>
</span>
<span>
<i class="fa fal fa-comment-alt" style="font-size:16px"></i>
<span class="card-text">3</span>
</span>
</div>
<div class="col-6">
<div class="clearfix" style="margin-right: 1em;">
<a href="/news/article/1" class="readMore">Read more</a>
</div>
</div>
</div>
<div class="row d-flex align-items-left">
<div class="col-6">
Published
</div>
</div>
¿cómo puedo fusionar la columna 2 de la fila 1 con la columna 2 de la fila 2?