CSS 2.0 を勉強しましょう。
コンテンツがはみ出した場合の制御を行う方法を説明します。
以下の例では、div 要素からはみ出したテキストは非表示にしています。
■コード (HTML)
<div> 今日はいい天気です。東京スカイツリーからの眺めは快適です。でも、ちょっとかすんでいるかな。これも PM2.5 の影響でしょうか？ </div>
■コード (CSS)
div {
border: 1px solid #ff0000;
width: 200px;
height: 50px;
overflow: hidden;
}
■ 説明
div 要素からはみ出したテキストは表示されません。overflow に visible を指定すると、ははみ出して表示されます。