p min-width: 500px; : p layout « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. p layout

p min-width: 500px;

     

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>min-width</title>
<style type='text/css'>
p {
    font: 12px sans-serif;
    border: 1px solid steelblue;
    background: lightsteelblue;
    padding: 5px;
    min-width: 500px;
}
</style>


    </head>
    <body>
        <p>
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
            Vestibulum tellus orci, dignissim ut, consequat in, consectetuer
            et, nibh. Donec luctus ante a neque convallis ultricies.
            Curabitur ac lorem. Etiam adipiscing, nisi id eleifend feugiat,
            dui lorem tempus lacus, at rutrum lectus ligula quis diam.
        </p>
    </body>
</html>








Related examples in the same category

1.Set width for a paragraph
2.p width:40em;
3.p width: 245px;
4.Set width and height for paragraph
5.p line-height: 1em;
6.Set line height of a Paragraph in content section
7.p max-height: 50px;
8.p line-height: 3em;
9.p height: 245px;
10.p line-height: 2.0;
11.Paragraph with different line-height
12.This paragraph is floated left
13.p float:left;
14.p float:right;
15.p float: left;
16.P display: block;
17.p display:none;
18.p overflow: visible;
19.p overflow: auto;
20.p overflow: scroll;
21.p overflow: hidden;
22.p white-space: nowrap;
23.p white-space: pre;