Creating layout within ordered list
Posted: Mon Dec 17, 2012 11:35 am
I'm trying to use ordered lists to display a list of reservations made for various shared research instruments and I'm having trouble formatting the list so that it displays as I want. My markup looks like:
I'd like to use CSS to place the heading to the left of the reservation times such that it is horizontally and vertically centered. The main issue I'm having is with the vertical and horizontal centering, as I am able to place the heading to the left with the float property. I've attached a small image of the desired effect. I would greatly appreciate any advice on how to accomplish this.
Code: Select all
<h4>Instrument Title</h4>
<ol>
<li>Reservation 1 details</li>
<li>Reservation 2 details</li>
<li>Reservation 3 details</li>
</ol>