<html>
<body>
<div class="items-list">
<div class="item">
<h3>House of Cards</h3>
<button>♥️</button>
<button>👍</button>
<button>👎</button>
</div>
<div class="item">
<h3>Wanda Vision</h3>
<button>♥️</button>
<button>👍</button>
<button>👎</button>
</div>
<div class="item">
<h3>Walking Dead</h3>
<button>♥️</button>
<button>👍</button>
<button>👎</button>
</div>
</div>
</body>
</html>
.item {
background: #ffc600;
color: black;
margin: 1rem;
padding: 10px;
display: flex;
}
.item h3 {
flex: 1;
}
.items-list {
margin: auto;
}
button {
margin: auto 2px;
width: 40px;
height: 40px
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.