Font size in html using css

Question

in my project I need to right some big text, so in my css file I wrote:

#wrong_answer
{
    color: red;
    font-size: 30;
    font-weight: bold;
}

and in my js file:

function wrong_answer()
{    
    $("body").append("<p id='wrong_answer'>Is not correct</p>");
};

and finaly I got red text, but very-very small and if I change font-size the size of text doesnt changes.

so question is why cant I change font-size?

in my project I need to right some big text You can use something like text-align: right; to right your text. — SpYk3HH
– SpYk3HH, Commented Sep 30, 2013 at 17:42

Jasper · Accepted Answer · 2013-09-30 17:48:08Z

7

30 what? 30px, 30pt, 30%, 30em? You have an invalid property value there.

When using jQuery you can specify just an integer but that's because jQuery treats integers like pixel values, e.g.:

//this will work
$([selection]).css({ fontSize : 30 });

Here are some great docs for font-size: https://developer.mozilla.org/en-US/docs/Web/CSS/font-size

UPDATE

You can use your developer tools (Chrome/Firefox/Safari for sure) to inspect the CSS associated with an element. When an invalid property value is encountered, these developer tools will alert you to the fact.

edited Sep 30, 2013 at 17:48

answered Sep 30, 2013 at 17:39

Jasper

76.1k14 gold badges153 silver badges148 bronze badges

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

Comments

talemyn · Accepted Answer · 2013-09-30 17:39:44Z

3

You need to specify the "unit of size" . . .

font-size: 30px;

answered Sep 30, 2013 at 17:39

talemyn

8,0004 gold badges33 silver badges52 bronze badges

Comments

Jukka K. Korpela · Accepted Answer · 2013-09-30 17:40:06Z

2

The CSS declaration font-size: 30 is invalid and ignored by conforming browsers. If you mean pixels, you need to say that:

font-size: 30px

answered Sep 30, 2013 at 17:40

Jukka K. Korpela

203k38 gold badges281 silver badges408 bronze badges

Comments

rahulbehl · Accepted Answer · 2013-09-30 17:42:52Z

2

Read this page for better understanding about fonts. http://www.w3schools.com/css/css_font.asp

answered Sep 30, 2013 at 17:42

rahulbehl

2,7391 gold badge15 silver badges6 bronze badges

Comments

neuquen · Accepted Answer · 2013-09-30 17:40:34Z

1

Should be font-size: 30px or something similar. You need to specify the unit type.

answered Sep 30, 2013 at 17:40

neuquen

4,25916 gold badges64 silver badges80 bronze badges

Collectives™ on Stack Overflow

Font size in html using css

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related