Get real width of elements with jQuery

Question

I am writing a validator for \"visual correctness\" of html files. The goal is to detect too wide elements.

Here is a demo of my problem.

The do

Answer 1

Apply word-wrap: break-word; to it.. so the word will break and there won't be any text going out of the container... btw you can't check the width of the text which is going out of the container.

Example

Update: You can check if the width of text in it is bigger than the width of the container like this