I am facing an issue with the font-weight property in my HTML code when using spans and CSS. While some spans styled with a specific class are displaying the desired font-weight, others seem to ignore it completely. I'm unsure why this discrepancy is occurring. Here are snippets of the relevant sections of my code:
CSS code:
.redasterix{
color: rgb(240, 83, 50);
font-size: 18px;
font-weight: 700;
}
HTML code:
<h3>Personal Information</h3>
<ul>
<form>
<li>Name<span class="redasterix">*</span> <input type="text" name="name" required></li>
<li>Last Name<span class="redasterix">*</span> <input type="text" name="lastname" required></li>
<li>Title<span class="redasterix">*</span> <input type="text" name="title" required></li>
<li>Company<span class="redasterix">*</span> <input type="text" name="company" required></li>
<li>Address 1 <input type="text" name="address1"></li>
<li>Address 2 <input type="text" name="address2"></li>
<li>City<span class="redasterix">*</span> <input type="text" name="city" required></li>
<li>State<span class="redasterix">*</span> <select required>
<option value="select"></option>
<option value="state1">State 1</option>
<option value="state2">State 2</option>
</select>
</li>
<li>ZIP Code<span class="redasterix">*</span> <input type="text" required></li>
<li>Country/Region<span class="redasterix">*</span> United States</li>
<li>Email<span class="redasterix">*</span> <input type="email" required></li>
<li>Phone Number<span class="redasterix">*</span> <input type="tel" required></li>
</form>