Commit 0898575

<div class="form-indent">

<hr>

<div class="form-wrap">

<label class="control-header-area-align-label">Header item vertical alignment</label>

</div>

<div class="form-wrap">

<input id="control-header-area-align-center" class="control-header-area-align-center" type="radio" name="control-header-area-align" value="center" tabindex="-1">

<label for="control-header-area-align-center"><span class="label-icon"></span> Center</label>

</div>

<div class="form-helper">

<p class="control-header-area-align-center-helper form-helper-item">Header items aligned to each others centres.</p>

</div>

<div class="form-wrap">

<input id="control-header-area-align-baseline" class="control-header-area-align-baseline" type="radio" name="control-header-area-align" value="baseline" tabindex="-1">

<label for="control-header-area-align-baseline"><span class="label-icon"></span> Baseline</label>

</div>

<div class="form-helper">

<p class="control-header-area-align-baseline-helper form-helper-item">Header items aligned to the text baseline. Useful for when the Clock, Date and other text is sized large and need to sit on a line.</p>

</div>