<ul>
<li>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ex, temporibus?</p>
<span>lorem</span><button>lorem</button></li>
<li>
<p>Lorem ipsum dolor sit amet.</p>
<span>lorem</span><button>lorem</button></li>
<li>
<p>lorem</p>
<span>Lorem ipsum dolor sit amet.</span><button>lorem</button></li>
</ul>
ul {
display: flex;
list-style-type: none;
gap: 10px;
}
li {
width: 100px;
background-color: lightgray;
padding: 10px 15px;
display: flex;
flex-direction: column;
}
span {
margin-top: auto;
}
button {
margin-top: 10px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.