← Back to Community

# font size format

Profile icon
paulbosse68

just doing the 5 day challenge and am attempting to change font size. html4 allows tag but im attempting to use <Style=''font-size:50''>. Can someone help with the correct format for this command?

Voters
Profile icon
btfuss
Profile icon
paulbosse68
hotnewtop
Profile icon

# Solution.css-1q3m8ps{margin-left:var(--space-4);margin-right:var(--space-4);display:none;}.css-1gcl232{min-width:16px;min-height:16px;}

use the css. That's how you can. It's inline css.

`.css-19sk4h4{position:relative;}.css-1bu6gr6{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-width:0;border-style:solid;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:none;min-height:0;min-width:0;position:relative;}.css-1n2m10r{padding:var(--space-8);border-radius:var(--border-radius-4);background-color:var(--background-higher);}.css-1hwur6u{-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border-width:0;border-style:solid;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:none;min-height:0;min-width:0;padding:var(--space-8);border-radius:var(--border-radius-4);background-color:var(--background-higher);}.css-1svvr0w{height:0;}.css-rk73ff{padding:var(--space-4);padding-left:var(--space-4);padding-right:var(--space-2);font-family:var(--font-family-code);font-size:14px;line-height:var(--line-height-small);overflow-x:auto;tab-size:2;word-break:break-word;white-space:break-spaces;overflow-wrap:anywhere;}`<p style="font-size: 50px;">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah</p>``

like that. It increases by `50px;`.
That should work

Profile icon
paulbosse68

yes ive realised that later vesions of html use css to vary font size.. im only just starting the learning proccess. the last language i learnt was cobol nighon 30 years ago...just trying to work through html, css java and java scriptand python methodially.. thank [email protected]

Profile icon
paulbosse68

this time ive done with html4 approach, later on, next time ill use the CSS approach....havent got to that module yet, wont be long though..

Profile icon
paulbosse68

Unsure which vesion of html is being used as html4 and html5 has quite different approaches to alteration in font size
HTMl4 allows use of ,.
HTML5 alters font through CSS rather than within Html itself
Unsure how to procceed

Profile icon

@paulbosse68
look at my solution

Profile icon
btfuss

im pretty sure its <style='font-size: 50px;'>

Profile icon
paulbosse68

thank you

@2plus2is4hoi