Question

I was wondering if it is possible to have margin positioning for a div be relative to another object rather than relative to the edge of the view pane.

Here is the page I’m dealing with:
http://www.pikefin.com/phptest/site/main/index3.php

I put temporary borders around the divs to assist with the positioning. Looking at the text “We provide financial data analysis and alerting services.”, I’d like to have spacing between the text and the twitter widget. I can force the positioning I want with   and <BR/> but I was hoping there was a more elegant method with margins (or maybe some other way altogether).

Answer 1

Change

<div id="twittercontrol" style="float:left;margin: 10px 0 0 10px;line-height:1.8;"> 

To

<div id="twittercontrol" style="float:left;margin: 10px 20px 0 10px;line-height:1.8;">

Essentially, you’re just adding right margin to the #twittercontrol element.