Limit amount of text in a div

HTML & CSS
1

Let’s say I have a div like this:

<div id=“lots”>
Lots and lots of content
<div>

in the css I do

#lots{
width: 200px;
height: 15px;
}

Now let’s say the ‘Lots and lots of content’ greatly passes a height of 15pixels, I don’t want to display it I want anything that passes 15 pixels to be hidden, how would I do that?

Thanks

2

overflow: hidden

3 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

#lots {
    background:#444444;
    height:18px;
    width:200px;
    overflow:hidden; /* Limits amount of text being displayed */
    margin:0 auto;
    color:#ffffff;
}

</style>
</head>
<body><!-- The Start of the Markup -->
<div id="lots">
        <p>This is some example text</p>

        </div>
    </body>
</html>