How to use Height and Width property in HTML using CSS

 => open ur text editer :-

=> And save it as propert_height_width.html and write below code:-


<html>

<head>

<style type="text/css">

p{

border: 1px solid #a1a1a1;

width: 100%;

height: 150px;

overflow-x: hidden;

overflow-y: scroll;

}

</style>

</head>

<body>

<p>

HTML, by default,is not so attractive...

...This paragraph has fixed height of 150px,

width wise there are no issues. But, when content

in paragraph increases, it "overflows" out of the 

tag. In such cases, to maintain width, scroll bars 

are used.

<br /><br />

HTML, by default,is not so attractive...

...This paragraph has fixed height of 150px,

width wise there are no issues. But, when content

in paragraph increases, it "overflows" out of the 

tag. In such cases, to maintain width, scroll bars 

are used.

<br /><br />

HTML, by default,is not so attractive...

...This paragraph has fixed height of 150px,

width wise there are no issues. But, when content

in paragraph increases, it "overflows" out of the 

tag. In such cases, to maintain width, scroll bars 

are used.

<br /><br />

HTML, by default,is not so attractive...

...This paragraph has fixed height of 150px,

width wise there are no issues. But, when content

in paragraph increases, it "overflows" out of the 

tag. In such cases, to maintain width, scroll bars 

are used.

<br /><br />

HTML, by default,is not so attractive...

...This paragraph has fixed height of 150px,

width wise there are no issues. But, when content

in paragraph increases, it "overflows" out of the 

tag. In such cases, to maintain width, scroll bars 

are used.

<br /><br />

HTML, by default,is not so attractive...

...This paragraph has fixed height of 150px,

width wise there are no issues. But, when content

in paragraph increases, it "overflows" out of the 

tag. In such cases, to maintain width, scroll bars 

are used.

</p>

</body>

</html>


=>then run on ur browser.

=>if u download source code then click on below link :-

Download Source Code

Comments

Post a Comment

Popular posts from this blog

How to create simple biodata form in html

=> open ur text editer :- => And save it as bidata.html and write below code:- <html> <body> <table width="800" border="0" align="center" cellpadding="5"> <tr> <td colspan="2">Basic Info<hr/></td> </tr> <tr> <td width="50%" align="right">Full Name:</td> <td>ABC H. XYZ</td> </tr> <tr> <td align="right">Father's Name:</td> <td>HIJ K. XYZ</td> </tr> <tr> <td align="right">Age:</td> <td>22 Years</td> </tr> <tr> <td align="right">Date of Birth:</td> <td>15<sup>th</sup> March</td> </tr> <tr> <td align="right">Religion:</td> <td>PATEL</td...
Read more

How to use cursor property in HTML using CSS

=> open ur text editer :- => And save it as propert_cursor.html and write below code:-   <html> <head> <style type="text/css"> body{ cursor:  w-resize; } </style> </head> <body> <h1>Hello!</h1> <b>let`s have a look at css..</b> <p>HTML by default,is not so attractive.CSS helps in "beautification" of HTMl.  How about learning some CSS magic?CSS stands for Cascading Style Sheet. This file will help you sharpen your CSS skills.</p> </body> </html> =>then run on ur browser. =>if u download source code then click on below link :- Download Source Code
Read more