Need help lining up the 2 div area horizontally.

I need to align the news scroller on the left with the div (blue boarder) on the bottom or top.  They should sit side by side to each other with a bit of space between them.  Thank you.  
p.s., the window control that's minimize is the plugin here, http://fstoke.me/jquery/window/.  Don't know if that would be relevant to CSS styling.  
MinSal.jpg
Index.htm
news.css
lapuccaAsked:
Who is Participating?
 
Gurvinder Pal SinghConnect With a Mentor Commented:
try
#Widgets_panel
{
      float:right;
     margin-top:5px;
}
0
 
Gurvinder Pal SinghCommented:
try adding this to news.css


#news
{
      float:left;
}
#Widgets_panel
{
      float:right;
}
0
 
lapuccaAuthor Commented:
Great!  That almost work perfectly.  Now, they're off a bit on lining on the top and that's because the label on top of the news scroller.  How can I lower the Div on the right so that the borader on top is lined up with the news scroller top boarder?  Thanks Please see the screen shot
Divs.jpg
0
 
lapuccaAuthor Commented:
I adjust it to 20px and it line up perfectly, thanks.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.