title: CSS Diagonal Lines with filled space
body: <p>I'm building a website and I would like to have a bar of navigation links that is a solid color and then off to the far right I would like to have a diagonal line to come up a little bit over the bar of links and then have a limited height(level off) and have a search box in the raised area above the navigation links.</p>
  
  <p>How would I go about 1 creating a diagonal line in css and then is it possible to fill the space with a solid color under one side of the said diagonal line?</p>