title: How to move text in a input field?
body: <p>So I'm in the process of learning and trying to make my own website. I have most of the form how I would like it but, I'm not sure how to clear the placeholder text away from the svg img so it will be legible. Some help would be greatly appreciated.</p>
  
  <p>Thanks in advance.</p>
  
  <p><a href="http://i.stack.imgur.com/SxsKH.jpg" rel="nofollow">Screen Capture of my problem. Also if you would tell me if it looks okay that would be great also!</a></p>
  
  <pre><code>.inputTagz{
      padding-left: 25px;
      cursor: text;
      font-size: 14px;
      float: left;
      width: 100%;
      font-size: px;
      padding-top: 11px;
      padding-bottom: 11px;
      margin-top:20px;
      font-weight:700;
  }
  
  #name{
      background-image: url("man.svg");
      background-size: 30px 30px;
      background-position: 11px 8px;
      background-repeat: no-repeat;
  }
  
  #emailPhone{
      background-image: url("mail.svg");
      background-size: 30px 30px;
      background-position: 11px 8px;
      background-repeat: no-repeat;
  }
  
  #password{
      background-image: url("lock.svg");
      background-size: 30px 30px;
      background-position: 11px 8px;
      background-repeat: no-repeat;
  }
  #formDiv{
      width: 450px;
      float: left;
      left: 50%;
  }
  </code></pre>