Next »
638/920
« Previous

Set height for paragraph to 100px in HTML and CSS

Description

The following code shows how to set height for paragraph to 100px.

Example


<html>
<head>
<style rel="stylesheet" type="text/css">
p.one {<!--from   w ww.  j a  v a2s.c o  m-->
width: 200px;
height: 100px;
padding: 5px;
margin: 10px;
border-style: solid;
border-color: #000000;
border-width: 2px;
}

p.two {
width: 300px;
height: 100px;
padding: 5px;
margin: 10px;
border-style: solid;
border-color: #000000;
border-width: 2px;
}
</style>
</head>

<body>
<p class="one">This paragraph should be 200 pixels wide by 300 pixels high.</p>
<p class="two">This paragraph should be 300 pixels wide by 100 pixels high.</p>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set height for paragraph to 100px in HTML and CSS
Next »
« Previous