Coderap Coderap - 2 months ago 14
CSS Question

Decreasing whitespace in glyphicon-remove text bootstrap

I want the text to be readable (less white space) in the text of the glyphicon that appears after selecting an option in my dropdown, this is what my code for displaying the glyphicon-remove looks like:

<div id="selectedLoanPDivCB" hidden>
Purpose of loan:
<p id="selectedLoanPurposeCB" name="selectedLoanPurposeCB" class="glyphicon glyphicon-remove form-control" value=""></p>
</div>


And the result looks like this:

enter image description here

Does anyone have any idea of how to decrease the amount of whitespace between the words?

EDIT:
I tried without the glyphicon, and the text looks fine.. but I really want to use this glyphicon

Answer

Try adding word-spacing:0; to the p tag. jsfiddle