Text Effects

HTML

<div>
    <p>Accessing this attribute of an element must return the current number of child nodes of that element which are of nodeType 1. An implementation may store this number, or it may calculate it upon accessing this attribute, but the number must always represent the number of child element nodes at the time the attribute is accessed. Only immediate child nodes must be counted, e.g. elements which are child nodes of one of the child nodes of the element on which the attribute is accessed are not included in this count. If the element on which this attribute is accessed does not have any child nodes, or if none of those child nodes are element nodes, then this attribute must return 0.</p>
</div>

CSS

div{
    width: 300px;
    overflow:hidden;   
    border: 1px solid grey;
}
div > p{
text-align: justify;
    text-overflow: ellipsis;
padding: 5px;
}