how to remove white space in justified css


Tags: html,css,whitespace

Problem :

If I am using
text-align:justify
paragraph shows unwanted space between words to maintain specified width. Searched in internet but didn't get any proper result. I used white-space also but no use

fiddle :fiddle



Solution :

The closest solution would be using word-break: break-all but this will also break words. If you are ok with this then go with this solution:

.sample_test p{
    word-break: break-all;
}

Fiddle


    CSS Howto..

    How to give 2 different Hyperlinks in css different colors

    How to arrange two html buttons horizontally in a single line with equal width by completely fills the screen size

    How to locate which css include is used for an element

    MeteorJs: how to add multiple js and css file based on templates.?

    How to manipulate the window list color?

    How do I get an object from d3.data()?

    How do I get the color attribute of the returned div?

    How to use css value for javascript in IF-THEN construction? [closed]

    Need to compress CSS and JavaScript via PHP but need to know performance implications and how to implement?

    How to select text, but not images, in CSS

    How to use an image more than one place in CSS

    How do I Align The Border Of Text To An Image? (HTML/CSS) | (Extra [Answered]): How do I Fullscreen with Inspect? |

    How Can I Remove a Surrounding DIV with jQuery?

    CSS: How to create a button with an arrow placedo on the right

    How to disable the letter tail from the last letter of a word in CSS?

    HTML/ CSS: A href exceeds linking image - how to avoid?

    How to change font size for safari and opera but not chrome in CSS file.

    How to develop a webpage with Bootstrap [closed]

    How to set background color of td in CSS

    How to properly add margin to elements inside bxSlider

    text over horizontal line…How do I make the line gradient?

    HTML4 strict: border=“0” is deprecated, how to replace it

    PrimeFaces 3.0 - How do I override the default opacity of a dialog overlay?

    How to make a div with arrowlike side without css border tricks?

    How to change the location of my yt video ( I want to move it approximately 10 cm down and 10cm to the right so that it doesnt clash)

    How to do page / content transitions

    How to vertically center a child element of arbitrary size inside a floated parent element (of known size)?

    How do I selectively stack columns with twitter bootstrap

    How can I add a transition effect when opening my custom modal window?

    How to add elements to an specified position without influence of other elements?