JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
 <div class="container text-center ">
<div class="form-group">
                           <label class="ml-2" style="width:100%;text-align:left;" for="inputAddress">Hello World</label>
                           <input type="text" class="form-control" id="inputAddress" placeholder="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.">
                        </div>
                        </div>

CSS

#inputAddress
{
padding: .375rem .75rem 5rem .75rem;
border-radius: 1.50rem !important;
}


    ::-webkit-input-placeholder {
      white-space:pre-line;  
      position:relative;
    }
    ::-moz-placeholder {
      white-space:pre-line;  
      position:relative;
    
    }
    :-ms-input-placeholder {
      white-space:pre-line;  
      position:relative;
    }
    :-moz-placeholder {
      white-space:pre-line;  
      position:relative;
    }