Html css text style on a word

<html>
  <head>
    <style type="text/css">
      p { 
        font-size:14px; 
        color:#538b01; 
        font-weight:bold; 
        font-style:italic;
      }
      .date {
        color: #ff0000;
      }
      .season { /* OK, a bit contrived... */
        color: #0000a0;
      }
    </style>
  </head>
  <body>
    <p>
      Enter the competition by 
      <span class="date">January 30, 2011</span>
      and you could win up to $$$$ — including amazing 
      <span class="season">summer</span> 
      trips!
    </p>
  </body>
</html>

Source: stackoverflow.com

Html css text style on a word

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
  Enter the competition by 
  <span style="color: #ff0000">January 30, 2011</span>
  and you could win up to $$$$ — including amazing 
  <span style="color: #0000a0">summer</span> 
  trips!
</p>

Source: stackoverflow.com

Html css text style on a word

p {
    font-size:14px;
    color:#538b01;
    font-weight:bold;
    font-style:italic;
}

mark.red {
    color:#ff0000;
    background: none;
}

mark.blue {
    color:#0000A0;
    background: none;
}

Source: stackoverflow.com

Similar codes

0 vote293 views1 answer
Javascript on focus lost
Html
0 vote312 views1 answer
Vue-date-pick
Html
4 votes323 views2 answers
Botstrap
Html
0 vote294 views1 answer
How to put anchor in center in html
Html
5 votes299 views1 answer
Multi-line comment xml
Html
0 vote304 views1 answer
Htmlagility treeview
Html
3 votes280 views2 answers
Owlcarousel
Html
-1 vote305 views2 answers
Import api vue and html
Html
2 votes329 views1 answer
Nuxt v-for key value
Html
57 votes300 views6 answers
How to remove underline from link in html
Html