I'm struggling with aligning my links properly.
https://i.sstatic.net/W5G4Z.png
I want Yesterday
This week
This month
to line up perfectly with the DateTime From and Last 2 days
Last 7 days
Last 30 days
labels for DateTime To.
This is how it appears in the HTML:
<div class="row clear">
<label>
DateTime From
</label>
<div class="items">
<input type="text" wicket:id="dtFrom" id="dtFrom" class="wdate pickdate"
placeholder="yyyy-mm-dd"/>
<input type="text" wicket:id="timeFrom" placeholder="hh:mm"/>
<a href="#" wicket:id="yesterday">Yesterday</a>
<a href="#" wicket:id="thisWeek">This week</a>
<a href="#" wicket:id="thisMonth">This month</a>
</div>
</div>
<div class="row clear">
<label>
DateTime To
</label>
<div class="items">
<input type="text" wicket:id="dtTo" class="wdate pickdate"
placeholder="yyyy-mm-dd"/>
<input type="text" wicket:id="timeTo" placeholder="hh:mm"/>
<a href="#" wicket:id="last2Days">Last 2 days</a>
<a href="#" wicket:id="last7Days">Last 7 days</a>
<a href="#" wicket:id="last30Days">Last 30 days</a>
</div>
</div>
I have a basic understanding of HTML, so I could use some guidance on how to properly align them. Any help would be appreciated.