Ingen CSS mall, direkt i div?

Hej!

Hur sätter jag något direkt i div taggen?

ex:

<div style="margin-left:100px">
TEST
</div>

??

Ja, sådär.

Hmm okej får det inte att fungera precis börjat testa lite med div ;)

Men om jag vill ha denna texten "jag testar lite bara"
typ 200px från toppen och 200px från vänsterkanten blir hur blir det då?
Mitt förslag:

<div style="margin-left:200px" style="margin-top:200px">
jag testar lite bara
</div>

<div>
<p style="margin-left:200px" style="margin-top:200px">jag testar lite bara</p>
</div>

Fungera bra, så div är för typ hela block? Och P måste man sätta för att märka upp texten tro?

verkar fungera med:

<div style="position:relative; left:20px; top:50px">
   Today is fine.
</div>

Ett annat alternativ är att använda sig av padding:

<div style="padding-top:200px; padding-bottom:200px;">
jag testar lite bara
</div>

Jag var visst för sen - *raderar oavsiktligt eko* :e

Fortsätter här kan inte skapa en ny tråd för alla min funderingar ;)

Nu verkar det vara så att denna sätter diven ovanför som topp. Kan man inte få alla divar att alltid utgå ifrån toppen på sidan inte diven ovanför?

EX: borde ju komma på samma rad?

<div style="padding-top:200px; padding-bottom:200px;">
test1
</div>
<div style="padding-top:200px; padding-bottom:200px;">
test2
</div>

eller måste man lägga till ett z-index då? Hur många z-index kan man ha?

Verkar fungera!

position:absolute;
left:100px;
top:150px;

Okkido skrev:

<div>
<p style="margin-left:200px" style="margin-top:200px">jag testar lite bara</p>
</div>

Det är inte giltig HTML, samma attribut får inte förekomma mer än en gång i en tagg. :)

<div>
<p style="margin-left:200px; margin-top:200px">jag testar lite bara</p>
</div>

Så här är okej då?

Ja, det är okej.

Oj, tittade aldrig igenom utan kopierade bara från Sjodahl förslag.

Okkido skrev:

Oj, tittade aldrig igenom utan kopierade bara från Sjodahl förslag.

hehe ja det kan vara farligt han kan skriva kod lite hur som ;)