html - How to have an unordered list float to right? -

On the pages 'products' page of my site, I'm getting some special features. I would like to make sure that this is your site's breadcrumb navigation Float to the right of the, so that it can inline with breadcrumbs navigation. But it's going to the next line.

Here it is visible:

  & lt; Div id = "breadcrumbsforstore" & gt; & Lt; H5 & gt; & Lt; A href = "/" title = "home store" & gt; Home & lt; / A & gt; {Product.categories for range in range: 1%} / {{category | Link_to}} {% endfor%} / & lt; A href = "{{page.full_url}}" title = "{{page.name}}" {{page name}}  & Lt; Ul id = "shops" & gt; & Lt; Li & gt; SIZE GUIDE / FILTER: & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;  

And here's the CSS:

  #breadcrumbsForStore {width: 960px; Font-family: futures; Text alignment: left; Margin: 20 px 0 px 25 px 0; Padding: 0 px 0 px 0; Clear: Both; Margin-left: auto; Margin-right: auto; Text-transform: uppercase;} # breadcrumb forestost H5 {font-size: 10px; Font-family: future;} # breadcrumbsforrestrestoreh5a {color: # 525252; Border Bottom: 0 px dotted # 0d0d0d; Letter-spacing: 1px; Padding: 10px 3px 10px 3px;} # breadcrumbsbossforstoreh5a: hover {color: # 0d0d0d;} ul #Shoptoos {float: right; Display: Inline;} UL #Shoptol Lee {Float: left; Display: Inline;}  

Where is the problem (this says, "This file size guide / filter:")

< P>

Change your html in this way:

  & lt; Div id = "breadcrumbsforstore" & gt; & Lt; Ul id = "shops" & gt; & Lt; Li & gt; SIZE GUIDE / FILTER: & lt; / Li & gt; & Lt; / Ul & gt; & Lt; H5 & gt; & Lt; A href = "/" title = "home store" & gt; Home & lt; / A & gt; {Product.categories for range in range: 1%} / {{category | Link_to}} {% endfor%} / & lt; A href = "{{page.full_url}}" title = "{{page.name}}" {{page name}}  & Lt; / Div & gt;