Home/ Questions/Q 8102487
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T23:15:15+00:00

I’m pulling my hair out here trying to get CSS to position only a

  • 0

I’m pulling my hair out here trying to get CSS to position only a handful of html elements.

Here is the code:
http://jsfiddle.net/7pTL8/

What I want is for “person@business.com [v]” to be at the top-right and then below it “Average Depth,” “[x] Settings”, and “Past 24 hours [v]” are all displayed together at the same level. I’ve tried floats and that had strange results. I don’t want to resort to using a table here because everything I read about CSS suggests using tables for layout is a poor solution.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Its not as tuff as you think..
    here is small solution.. its not very good but it can solve you problem for now..

    [a link] http://jsfiddle.net/7pTL8/2/

    <div id="user-selection">person@business.com [v]</div>
<div id="settings-container">
 <h1 id="graph-title">Average Depth</h1>
<span id="settings-button">[x] Settings</span>
<span id="timeframe-dropdown">Past 24 hours [v]</span>
</div>

    CSS

    ​#graph-title {
   position:absolute;
   left:1px;
   text-align: left;
}

#settings-container {
   text-align: right;
   }    

 #user-selection {
    text-align: right; 
  }

    ​

    • 0