help out,

[TrueJewix]

so im coding something and i wanting this text to move up but my shitty code won't do that. Help.

You must be registered for see links

see the welcome back i want to move that up

now my codes
css :

You must be registered for see links

html :

You must be registered for see links

 

[GarettM]

First use div not p ;3 use p inside div tag and lazy way would be

margin-top: -25px;

 

[TrueJewix]

First use div not p ;3 use p inside div tag and lazy way would be

margin-top: -25px;

thanks but now how do i move it to the right?

You must be registered for see links

 

[Nehalem]

First use div not p ;3 use p inside div tag and lazy way would be

margin-top: -25px;

And another tip: never use the height tag if you're using plain colors as title blocks. Use padding to set the correct height automatically.

Example:

.div { 
background: green; 
padding: 10px;
color: #fff;
}

Or something like that...

 

[GarettM]

Id make your header relative then just make the welcome sign absolute lolll then still add proper padding and margin though

<header>
    <div class='welcome'>
        <p>Welcome Back (user)</p>
    </div>
</header>

Header {
    Position: relative;
    Margin: 0;
    Padding: 11px 32px 9px 17px;
    Background: rgb code;
}
Header .welcome {
    Position: absolute;
    Top: 4px;
    Right: 19px;
    Padding: 3px 8px;
}

 

[TrueJewix]

And another tip: never use the height tag if you're using plain colors as title blocks. Use padding to set the correct height automatically.

Example:

.div {
background: green;
padding: 10px;
color: #fff;
}

Or something like that...

Alrighty thanks, ill make sure i keep it in mind.

Id make your header relative then just make the welcome sign absolute lolll then still add proper padding and margin though

Lol i made one kinda want to see the whole page? (i cut some off.)

 

[GarettM]

Yeah

 

[TrueJewix]

You must be registered for see links