David McGlone wrote:
> Hi everyone.
>
> I've been doing a lot of CSS coding lately and I'm having a slight problem
> with text positioning. I cannot seem to position any of the words after the
> first word.
>
> Here's the code I'm using:
> #text {
> padding: 0px 0px 10px 5px;
> position: relative; left: 10px; bottom: 2px; top: 2px;
> font-weight: bold;
> font-family: helvetica, impact, san-serif;
> font-size: 14pt;
> }
>
> I'm thinking that even though there are more than 1 words, closing the tag
> after each word does not make it a whole new box that can be moved
> individually.
>
> Am I thinking correctly?
>
> thanks,
>
It would yield four blocks flush left stacked vertically (and would be
invalid html unless you change the id to a class).
You could use multiple classes to move the individual blocks.
Something like this (off the top of my head and not tested)
css
p {margin: 0;}
.text {border: 1px solid red;}
.c1 {margin: 0 0 0 20px;}
.c2 {margin: 20px 0 0 100px;}
.c3 {margin: 100 px 0 0 50px;}
.c4 {margin: 30px 0 0 75px;}
html
<div class="text c1"><p>one</p></div>
<div class="text c2"><p>two</p></div>
<div class="text c3"><p>three</p></div>
<div class="text c4"><p>four</p></div>
As always a clickable link to your attempt or and image that shows
whatever it is you are trying to do will get you better answers...
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
