Space not taking when displaying value in div
css, html, javascript, jquery
Solution
HTML squishes adjacent spaces together by default. Add a style of "white-space: pre;" to your div. This should keep all the white space in its contents.
<div style="white-space: pre;">Hi can you please look on it ?</div>
See this Fiddle
Problem
I am entering some text in a input box. When entering a text I am giving some spaces means more then 1 space just say 4 or 5. But when I get the value from the input box and append to a div. It replaces all extra spaces with once single space. Example, I enter text like this. "Hi can you please look on it ?" then if get the value using `$("#inpuboxid").val();` then append that value to div. it become like this: "Hi can you please look on it ?" How to achieve this, as browser automatically replaces extra spaces with once space