Category: CSS

For Negative Text Indent Text Align left is must : CSS Issue

I got an an email from a customer that anchor text is showing as they should not as we used image in anchor tag and used text indent negative.

An interesting finding for CSS issue for

* to make the negative indent you must set the property text align left. Text align right with text indent negative will not work. that blog post helped me.

Break long url or word using css to prevent overflow of div container

First of all I am not design expert, not a designer but I learnt many thing about design I mean css, html while working with website projects. Something gave me pain when I found a long url is getting outside of a box(div) in google chrome. After a google search I found a solution… need to use word break though it doesn’t support all browser.

See how a long url go outside of a div box

I found a solution

white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap;    word-wrap: break-word;