title: asterisk symbol for required field
body: <p>I want to place a '*' symbol after an input box. I have a problem while displaying.</p>
  
  <p>This problem is due to inputbox css code.
  Here I attached my css,html within php code with a screenshot.
  <img src="https://i.stack.imgur.com/klSC9.png" alt="enter image description here"></p>
  
  <pre><code> echo '&lt;p&gt;Name&lt;input type="text" name="pname" id="pname" size=18 maxlength=50 required value="'.$name.'" &gt;*&lt;/p&gt;';
  
           echo "&lt;p&gt;Email&lt;input type=text name=email id=email size=18 maxlength=50 required onblur='javascript:myFunction(this.value,\"".$fet['email']."\");' value='".$email."' &gt;*&lt;/p&gt;";
           echo '&lt;p&gt;Phone&lt;span id="error" style="color: Red; display: none"&gt;&lt;img src="image/number.png" width=20px height=20/&gt;&lt;/span&gt;&lt;input type="text" name="phone" size=18 maxlength=50 required onkeypress="return IsNumeric(event);" ondrop="return false;" onpaste="return false;" value="'.$phone.'" &gt;&lt;/p&gt;';
           echo '&lt;p&gt;Company Name&lt;input type="text" name="cname" id="cname" size=18 maxlength=50 required value="'.$cname.'" &gt;&lt;/p&gt;';
  </code></pre>
  
  <p>css code for input</p>
  
  <pre><code>input {
  display: inline-block;
  float: right;
  margin-right:20%;
  }
  </code></pre>