I have a list of items on subnav as in below...
And The html for each of the codes is as below\[code\]<label for="DOG - BARK CONTROL TRAINING & BEHAVIOURAL_searchSubCategories" class="facet_block-label"><span>DOG - BARK CONTROL TRAINING & BEHAVIOURAL (2)</span> </label>\[/code\]And the css is as below \[code\]label { color: #FFFFFF; font: 12px Arial,Helvetica,sans-serif; text-transform: lowercase;}label span { float: none; position: inherit; width: auto;}\[/code\]The problem is when lines are longer then rather than aligning properly it is not doing so. For instance I want the word behavioural (2) to align nicely with dog.. Any idea how to do it easily with css?