title: Increase size of html special characters (&#183;) in an input placeholder
body: <p>I have a bit of an odd request. I'm creating a form on WordPress using the plugin Gravity Forms. I would like to add a bullet point to the end of my placeholder. The only way I was able to do this is to put the special HTML character <code>&amp;#183;</code> in the placeholder field on the plugin which is a middle dot. It works, but the dot is pretty small and I would like to increase its size.</p>
  
  <p>Here is what the plugin placeholder field looks like:</p>
  
  <p><a href="https://i.stack.imgur.com/LQiOZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LQiOZ.png" alt="enter image description here"></a></p>
  
  <p>I tried to wrap the special character with a <code>&lt;span&gt;</code> with a class so I can edit it in CSS, but when I click save, the plugin automatically removes the <code>&lt;span&gt;</code> tags.</p>
  
  <p>Here is a screenshot on what the plugin spits out on the site:</p>
  
  <p><a href="https://i.stack.imgur.com/KQFZH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KQFZH.png" alt="enter image description here"></a></p>
  
  <p>I would like to make that dot much larger.</p>
  
  <p>Here is the HTML that the plugin spits out:</p>
  
  <pre><code>&lt;input name="input_1" id="input_1_1" type="text" value="" class="medium" placeholder="Name ·"&gt;
  </code></pre>
  
  <p>Does anyone have any suggestions? Maybe some jQuery will work?</p>
  
  <p>Thanks</p>