title: how to make multilpe line in place holder and style them differently
body: <p>What I want is for some of the input fields to have two place holder in given image below exactly same like picture given below. I have tried a lot but nothing works.</p>
  <p><a href="https://i.stack.imgur.com/MoM8I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MoM8I.png" alt="HTML form image" /></a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;form class="subscribe-form"&gt;
      &lt;div class="personal-information"&gt;
          &lt;select name = "country" id="country"&gt;
              &lt;span&gt;Country&lt;/span&gt;
              &lt;option value ="US" &gt;US&lt;/option&gt;
              &lt;option value = "India"&gt;India&lt;/option&gt;
              &lt;option value = "Malaysia"&gt;Malaysia&lt;/option&gt;
           &lt;/select&gt;
           &lt;select name ="cardType" id="cardType"&gt;
              &lt;option value = "Amex"&gt;Amex&lt;/option&gt;
              &lt;option value = "Visa"&gt;Visa&lt;/option&gt;
              &lt;option value = "Master card"&gt;Master card&lt;/option&gt;
           &lt;/select&gt;
          &lt;input type="text" id="cnum" name="address" placeholder="Card Number"/&gt;
          &lt;div class="date-container"&gt;
              &lt;div class="card-data"&gt;
                  &lt;input type="text" id="expyear" name="expyear" placeholder="Expiry Date"&gt;
                  &lt;input type="text" id="csc" name="csc" placeholder="CSC"/&gt;
              &lt;/div&gt;
              &lt;div class="name-data"&gt;
                  &lt;input type="text" id="fname" name="firstname" placeholder="First Name"/&gt;
                  &lt;input type="text" id="lname" name="lastname" placeholder="Last Name"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="Billing-deatails"&gt;
         &lt;h3&gt;Billing Address&lt;/h3&gt;
          &lt;input type="text" id="line1" name="line2" placeholder="Address Line 1"/&gt;
          &lt;input type="text" id="line2" name="line2" placeholder="Address Line 2"/&gt;
          &lt;input type="text" id="Town/city" name="Town/city" placeholder="Town/city"/&gt;
              &lt;div class="numberType"&gt;
                  &lt;select name = "country" id="country2"&gt;
                      &lt;option value ="US" &gt;US&lt;/option&gt;
                      &lt;option value = "India"&gt;India&lt;/option&gt;
                      &lt;option value = "Malaysia"&gt;Malaysia&lt;/option&gt;
                   &lt;/select&gt;
                  &lt;input type="text" id="number" name="number" placeholder="Postcode"/&gt;
              &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="contact-information"&gt;
          &lt;h5&gt;Contact Information&lt;/h5&gt;
              &lt;div class="number-info"&gt;
                  &lt;select name = "phoneType" id="phoneType"&gt;
                      &lt;option value ="Mobile" &gt;Mobile&lt;/option&gt;
                   &lt;/select&gt;
                  &lt;input type="text" id="number" name="number" placeholder="+65"/&gt;
              &lt;/div&gt;
              &lt;input type="email" id="email" name="email" placeholder="Email Address"/&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="subscribe-btn"&gt;
      &lt;button  type="submit"&gt;SUBSCRIBE&lt;/button&gt;
  &lt;/div&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>