HTML Changing colors of specific words in a string of text

Question

I have the below message  slightly changed        Enter the competition by January 30  2011 and you could win up to            including amazing summer trips     I currently have    lt p style  font-size 14px  color  538b01  font-weight bold  font-style italic   gt    formatting the text string  but want to change the color of  January 30  2011  to  FF0000 and  summer  to  0000A0    How do I do this strictly with HTML or inline CSS

User · Answer

lt p style  font-size 14px  color  538b01  font-weight bold  font-style italic   gt      Enter the competition by  lt span style  color  FF0000  gt January 30  2011 lt  span gt  and you could win up to          including amazing  lt span style  color  0000A0  gt summer lt  span gt  trips   lt  p gt    The span elements are inline an thus don t break the flow of the paragraph  only style in between the tags

User · Answer

use spans  ex   lt span style  color   FF0000   gt January 30  2011 lt  span gt

User · Answer

Tailor this code however you like to fit your needs  you can select text  in the paragraph to be what font or style you need     lt head gt   lt style gt  p  color  ff0000 font-family   Times New Roman   Times  serif    font color  000fff background  000000 font-size 225    b color green    lt  style gt   lt  head gt   lt body gt   lt p gt This is your  lt b gt text   lt font gt Type lt  font gt  lt  strong gt  lt  b gt what you like lt  p gt   lt  body gt

User · Answer

lt font color  red  gt This is some text  lt  font gt     This worked the best for me when I only wanted to change one word into the color red in a sentence

User · Answer

lt p style  font-size 14px  color  538b01  font-weight bold  font-style italic   gt    Enter the competition by     lt span style  color   ff0000  gt January 30  2011 lt  span gt    and you could win up to          including amazing     lt span style  color   0000a0  gt summer lt  span gt     trips   lt  p gt    Or you may want to use CSS classes instead    lt html gt     lt head gt       lt style type  text css  gt        p            font-size 14px           color  538b01           font-weight bold           font-style italic                 date           color   ff0000                 season      OK  a bit contrived               color   0000a0               lt  style gt     lt  head gt     lt body gt       lt p gt        Enter the competition by         lt span class  date  gt January 30  2011 lt  span gt        and you could win up to          including amazing         lt span class  season  gt summer lt  span gt         trips       lt  p gt     lt  body gt   lt  html gt

User · Answer

You can also make a class     lt span class  mychangecolor  gt  I am in yellow color       lt  span gt   then in a css file do     mychangecolor  color  ff5    it changes to yellow

User · Answer

You could use the longer boringer way    x000D   x000D   lt p style  font-size 14px  color  538b01  font-weight bold  font-style italic   gt Enter the competition by lt  p gt  lt p style  font-size 14px  color  ff00  font-weight bold  font-style italic   gt summer lt  p gt   x000D   x000D   x000D    you get the point for the rest

User · Answer

You could use the HTML5 Tag  lt mark gt     lt p gt Enter the competition by   lt mark class  red  gt January 30  2011 lt  mark gt  and you could win up to          including amazing   lt mark class  blue  gt summer lt  mark gt  trips  lt  p gt    And use this in the CSS   p       font-size 14px      color  538b01      font-weight bold      font-style italic     mark red       color  ff0000      background  none     mark blue       color  0000A0      background  none      The tag  lt mark gt  has a default background color   at least in Chrome

[html] HTML: Changing colors of specific words in a string of text

Examples related to html

Examples related to css

Examples related to text

Examples related to colors

Examples related to inline