?
Solved

Side By Side <Div>

Posted on 2014-01-22
5
Medium Priority
?
244 Views
Last Modified: 2014-01-23
I am trying  to add a <Div> "Yellow" to the right of the of the body of text that begins with Skiptracer.  However; the <Div> always ends up under and not to the right.  How can I fix this?  Thank you.

http://www.mediascrubber.com/skip.html
0
Comment
Question by:DS928
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 35

Accepted Solution

by:
Dan Craciun earned 1000 total points
ID: 39802278
Add float:left; to your Methodology div and float:right; to your yellow div.

PS: inline CSS is usually a bad idea...

HTH,
Dan
0
 
LVL 4

Assisted Solution

by:ravikantninave
ravikantninave earned 1000 total points
ID: 39802440
use float:left or try to use float:right
after div do not forget to use <div style="clear:both"></div>
0
 

Author Comment

by:DS928
ID: 39804642
The divs are left and right but the yellow needs to be at the top right.  its still at the bottom.
 <div align="left" style="padding-left:72px; float:left;"<h2><strong>METHODOLOGY</strong></h2></div>

Open in new window


<div align="left" style="background-color:#f8ea04;width:200px; float:right;">Yellow</div>

Open in new window

0
 
LVL 4

Expert Comment

by:ravikantninave
ID: 39804661
margin-top:- some value
0
 

Author Comment

by:DS928
ID: 39804671
I moved it up and it worked.  Thank you all.
<div align="left" style="padding-left:72px; "<h2><strong>METHODOLOGY</strong></h2></div>
    <div align="left" style="background-color:#f8ea04;width:200px; float:right;">Yellow</div>
    <div align="left" style="width:630px;padding-left:72px">

Open in new window

0

Featured Post

On Demand Webinar - Networking for the Cloud Era

This webinar discusses:
-Common barriers companies experience when moving to the cloud
-How SD-WAN changes the way we look at networks
-Best practices customers should employ moving forward with cloud migration
-What happens behind the scenes of SteelConnect’s one-click button

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question