How align aqual full column

administrator

Administrator
Nhân viên
9 Tháng tám 2021
87
0
6
Align aqua .row>.col
CSS:
Mã:
.blogs .row > .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blogs {
  width: 600px;
}
.blogs .col-6 {
  border: thick double #32a1ce;
}

HTML:
Mã:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<div class="blogs">
  <div class="row">
    <div class="col-6">A blog is a discussion or informational website published on the World Wide Web consisting of discrete, often informal diary-style text entries. <br>
      Posts are typically displayed in reverse chronological order so that the most recent post appears first, at the top of the web page.  Posts are typically displayed in reverse chronological order so that the most recent post appears first, at the top of the web page.</div>
    <div class="col-6">A blog is a discussion or informational website published on the World Wide Web consisting of discrete, often informal diary-style text entries. Posts are typically displayed in reverse chronological order so that the most recent post appears first, at the top of the web page</div>
      <div class="col-6">A blog is a discussion or informational website published on the World Wide Web consisting of discrete, often informal diary-style text entries. Posts are typically displayed in reverse chronological order so that the most recent post appears first, at the top of the web page</div>
      <div class="col-6">A blog is a discussion or informational website published on the World Wide Web consisting of discrete, often informal diary-style text entries. Posts are typically displayed in reverse chronological order so that the most recent post appears first, at the top of the web page. <br>
        A blog is a discussion or informational website published on the World Wide Web consisting of discrete, often informal diary-style text entries.
    </div>
  </div>
</div>