Off topic:CSS overflow hidden causing text alignment problems

Question

[shilpaangel2015]

I have some pretty simple markup and I want long text to be truncated with "..."

 .topRow div {
 display: inline-block;
 }

#name {
max-width: 70%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}