Align aqua .row>.col
CSS:
HTML:
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>