Question 180089 in Html Question posted in
Some basic documentation can be found here.

Does HTML font color not update?

I have a simple HTML snippet like this:

    <p align= "left"> <FONT size=3><STRONG> Asset: &nbsp;    </STRONG></FONT><STRONG><FONT color="blue" size=2> something something here  </FONT></STRONG><br> </p>

The font color does not seem to work but the font size does change.

Also, I do understand that explicit font description is expiring and we should be using the CSS styling. If you could suggest that option,okay to use that option as well.

Tags:

2

Answers


  1. 0

    Is better to use css:

    <p style="text-align:center; font-size:14px;"><strong> Asset: &nbsp;</strong><strong  style="color:blue;">something something here</strong><br></p>
    Login or Signup to reply.
  2. 0

    Using HTML elements and classes is the better option although I do admit some might seem overly complicated.

    For my answer, first I give the paragraph a class. Inside of it, I’m aligning the text left and bolding EVERYTHING in it.

    Next, spans are by default inline (meaning they show inline with the text, but you don’t have control over the spacing). You could also use a div. So every span in the paragraph tag, I’m setting to inline block so I can control the spacing around it while keeping the text inline.

    Next each part of the content gets wrapped in its own span.

    Since earlier I already set all content to bold, I’m only going to give the title span a margin to the right to space it out and change the font size.

    Next for the rest I wrapped that content in another span and changed the color to blue (hex is #Red Green Blue) and I changed the font size also.

    .updated{
  text-align:left;
  font-weight:bold;
}

.updated span{
  display:inline-block;
}

.updated .title{
  margin-right:5px;
  font-size:18px;
}

.updated .content{
  color:#0000FF;  
  font-size:13px;
}
    Originial: <p align= "left"> <FONT size=3><STRONG> Asset: &nbsp;    </STRONG></FONT><STRONG><FONT color="blue" size=2> something something here  </FONT></STRONG><br> </p>

Updated:
<p class="updated">
  <span class="title">Asset:</span>
  <span class="content">something something here</span>
</p>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search