Adding css property in html tag

Question

I am looking for a work around to add some css styling into my html tag. I do not want to edit the css file because I am using the particular formatting only once.

This is what I have tried and did not work out. I think the format is not being overridden by the css file.

<p margin-right ="3px" class="nav navbar-text navbar-right">Signed in as: @User.Identity.Name!</p>

How can I get it right?

You could do <p style="margin-right: 3px" ..., but you should avoid inline styles. — JAM
– JAM, Commented Sep 28, 2015 at 7:46

Axel Lavielle · Accepted Answer · 2015-09-28 07:47:03Z

4

it's better to have it on a style.css file but it's like this:

<p style="margin-right:3px;" class="nav navbar-text navbar-right">

answered Sep 28, 2015 at 7:47

Axel Lavielle

2521 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

Vini Over a year ago

Is it a good idea to edit the Bootstrap css file? i am not having a custom css file.

Axel Lavielle Over a year ago

Please, NEVER edit the bootstrap.css, because if you have to download a new version of bootstrap, it will erase all the css you've done.

Vini Over a year ago

Even if I have only a single custom styling i should make a new css file right?

Axel Lavielle Over a year ago

At least, do at the end of your php/html file: <style type="text/css"> //ALL YOUR CSS HERE </style>

Axel Lavielle Over a year ago

I think that you have other elements with class = navbar-right. To add only to one element, use the ID. Add to your html <p id="MyModification"> And in your css #MyModification { margin-right:-200px }

|

Tushar · Accepted Answer · 2015-09-28 08:32:54Z

0

You can try like this -

<p style="margin-right:3px" class="nav navbar-text navbar-right">
    Signed in as: @User.Identity.Name!
</p>

edited Sep 28, 2015 at 8:32

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

answered Sep 28, 2015 at 7:48

Mukul Kant

7,1705 gold badges44 silver badges57 bronze badges

Comments

Tushar · Accepted Answer · 2015-09-28 08:33:24Z

-2

You can create style at top i.e.

<style type='text/css'>
.mr3p {
    margin-right: 3px !important;
}
</style>

<p class="nav navbar-text navbar-right mr3p">

edited Sep 28, 2015 at 8:33

Tushar

87.4k21 gold badges164 silver badges182 bronze badges

answered Sep 28, 2015 at 8:00

Suresh

1583 silver badges16 bronze badges

4 Comments

Vini Over a year ago

is it necessary that i add !important

Suresh Over a year ago

Yes when you want to override some style then you need to apply !important.

Axel Lavielle Over a year ago

Please, try not to use !important, it's always better to search from where is your problem than putting a !important.

LDJ Over a year ago

Dont use !important - its evil. Let the styles cascade and use the appropriate scoping of selectors. !important should be reserved for emergencies (i.e. working with code where you cannot affect the emitted CSS)

Collectives™ on Stack Overflow

Adding css property in html tag

3 Answers 3

10 Comments

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

10 Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related