Best way to change font colour halfway through paragraph

Question

I was wondering what is the best way to change the font colour of some text that appears halfway through a paragraph   For example  I have a paragraph of white text  but I want a couple of words in the middle of the paragraph to be orange so that they stand out  but then carry on with white text after that  what would be the best way of achieving this   Thanks in advance

User · Accepted Answer

lt span gt  will allow you to style text  but it adds no semantic content    As you re emphasizing some text  it sounds like you d be better served by wrapping the text in  lt em gt  lt  em gt  and using CSS to change the color of the  lt em gt  element  For example   CSS   description     color   fff      description em     color   ffa500      Markup   lt p class  description  gt Lorem ipsum dolor sit amet  consectetur  adipiscing elit  Sed hendrerit mollis varius  Etiam ornare placerat  massa   lt em gt eget vulputate tellus fermentum  lt  em gt  lt  p gt    In fact  I d go to great pains to avoid the  lt span gt  element  as it s completely meaningless to everything that doesn t render your style sheet  bots  screen readers  luddites who disable styles  parsers  etc   or renders it in unexpected ways  personal style sheets   In many ways  it s no better than using the  lt font gt  element    x000D   x000D   description   x000D    color   000  x000D    x000D   x000D   description em   x000D    color   ffa500  x000D    x000D   lt p class  description  gt Lorem ipsum dolor sit amet  consectetur  x000D  adipiscing elit  Sed hendrerit mollis varius  Etiam ornare placerat  x000D  massa   lt em gt eget vulputate tellus fermentum  lt  em gt  lt  p gt  x000D   x000D   x000D

User · Answer

You can also simply add the font tag inside the p tag   CSS sheet    lt style type  text css  gt     p   font 15px Arial  color white     lt  style gt    and in HTML page    lt p gt  Lorem ipsum dolor sit amet  consectetur adipisicing elit  sed do eiusmod tempor incididunt ut labore et dolore magna aliqua        lt font color  red  gt             Ut enim ad minim veniam  quis nostrud exercitation ullamco laboris     nisi ut aliquip ex ea commodo consequat        lt  font gt  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur  Excepteur sint occaecat cupidatat non proident  sunt in culpa qui officia deserunt mollit anim id est laborum   lt  p gt    It works for me  But  in case you need modification  see w3schools  for more usage

User · Answer

lt span style  color orange   gt orange text lt  span gt    Is the only way I know of barring the font tag

User · Answer

wrap a  lt span gt  around those words and style with the appropriate color  now is the time for  lt span style  color orange  gt all good men lt  span gt  to come to the

User · Answer

Nornally the tag  is used for that  with a change in style   Like   lt p gt This is my text  lt span class  highlight  gt  and these words are different lt  span gt  lt  p gt    You set the css in the header  or rather  in a separate css file  to make your  highlight  text assume the color you wish    e g    with   lt style type  text css  gt     highlight  color  orange    lt  style gt    in the header  Avoid using the tag  lt font   gt   for that at all costs   -

[html] Best way to change font colour halfway through paragraph?

CSS

Markup

Examples related to html

Examples related to css