css
<style type="text/css">
.over_flow{padding: 10px;
width: 78px;
height:30px;
text-shadow: 3px 3px 3px #aaaaaa;
border: 1px solid #;
text-overflow: ellipsis;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
}
</style>
html
<p class="over_flow" title="AAAAAAAAAAAAAAAAA">
AAAAAAAAAAAAAAAAA
</p>