Link to home
Start Free TrialLog in
Avatar of Whing Dela Cruz
Whing Dela CruzFlag for Anguilla

asked on

Non-Resizable Pharagraph

Hi Experts, I wish to have a non-resizable paragraph that when the user will minimize the page, the paragraph will remain as is. I need to fix and maintain whatever the size of the paragraph that I have that this should not depend on the page size. As the code shown below, where it has a long sentence (paragraph). I wish to make the sentence always be a single line and maintain its size no matter how size is the page will be. Thank you all experts!

HTML:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Non Resizable</title>
<link rel="stylesheet" href="WinStyle.css"/>
</head>
<body>
<!-- Start your code here -->
<h3>Enroll</h3>
<div id="navHeadb2">
<p id="container">"The quick brown fox jumps over the lazy dog" is an English-language pangram—a sentence that contains all of the letters of the alphabet.</p>
</div>
<!-- End your code here -->
</body>
</html>

CSS:

#navHeadb2
    {
    line-height:auto;
    height:20px;
    width:100%;
    float:left;
    font-size: 16px;
    margin: 8px 1px 1px 1px;
   }
ASKER CERTIFIED SOLUTION
Avatar of Dmitrii
Dmitrii
Flag of Russian Federation image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Whing Dela Cruz

ASKER

Thank you Dmitrii!