I'm having trouble aligning the div under the header to the right. Here is my HTML code and a photo for reference:
HTML Code:
<td>
<div class="schedule-content">
<div class="timestamp">
<h3>00:00 - 00:00</h3>
<ul>
<li>Name1</li>
<li>Name2</li>
<li>Name3</li>
</ul>
</div>
</div>
</td>
My CSS:
#schedule .schedule td .schedule-content {
display: flex;
flex-direction: column;
align-items: center;
}
#schedule .schedule td .timestamp {
background-color: #fff;
height: auto;
width: 95%;
border-radius: 10px;
padding: 0.5rem;
margin: 0.4rem 0;
}