Place a non editable percentage sign within a HTML input field

Question

I currently have a series of input field boxes which are numerical based. The trouble I am having is adding a \'%\' symbol at the end of each box. Ultimately i want the % sy

Answer 1

Assuming that you're going to put these elements within a relative positioned div, you could handle it this way:

HTML:

        %
        

CSS:

Notice that I'm using Bootstrap grid classes (col-md-6), which already gave that div relative positioning. If that's not your case, set relative positioning to your div.