P font-family: Arial, Helvetica, sans-serif; : p font « Tags « HTML / CSS






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

P font-family: Arial, Helvetica, sans-serif;

     

<!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" dir="ltr" lang="en-US"
  xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<style rel="stylesheet" type="text/css">

.current {
  background: url(image-demo-2011/current_bg.jpg) top left no-repeat;
  width: 659px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #DBE0E8;
  padding: 0 0 25px 0;
}

.current p {
  display: block;
  float: left;
  width: 520px;
  padding: 22px 0 0 35px;
}

.current_link {
  display: block;
  float: left;
  margin: 15px 0 0 5px;
}

.post {
  width: 269px;
  height: 312px;
  float: left;
  background: url(image-demo-2011/post_bg.gif) top left no-repeat;
  padding: 15px 28px 0 25px;
  margin: 0 15px 11px 0;
}

.post span {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #0893EF
}

.post h5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #3E3E3E;
  padding: 8px 0 10px 0;
}

.post p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #6D7072;
  display: block;
  margin: 13px 0;
}

.more {
  display: block;
  margin: 0 0 0 80px;
}


</style>
</head>
<body>
        <div class="current">
          <p>Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobortis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo.</p>
        </div>
        <div class="post">
          <span>September 27th</span><br />
          <h5>Name Post 1</h5>
          <p>Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobortis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo.</p>
        </div>
        <div class="post">
          <span>September 25th</span><br />
          <h5>Name Post 2</h5>
          <p>Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobortis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo.</p>
        </div>
        <div class="post">
          <span>September 23th</span><br />
          <h5>Name Post 3</h5>
          <p>Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobortis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo.</p>
        </div>
        <div class="post">
          <span>September 20th</span><br />
          <h5>Name Post 4</h5>
          <p>Illum secundum exerci erat plaga illum, enim, venio. Tamen causa ut diam torqueo sagaciter inhibeo si quae exerci lobortis. Appellatio vel hos autem, ludus luptatum mauris ratis jugis interdico. Gilvus consequat abico demoveo lenis validus typicus ut commodo.</p>

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

</html>








Related examples in the same category

1.p font-size: small;
2.p font-family: Verdana, Arial, sans-serif;
3.P font-size: 12px;
4.Change color and font size of paragraph
5.Set font size for a paragraph
6.paragraph with different font
7.p font: 12px sans-serif;
8.p font-size: 14pt;
9.p font-size:10pt;}
10.p font-style
11.p font-variant;
12.p font size: absolute measurements
13.p font-size: relative sizes
14.p font-size: lengths
15.p font-size: percentage
16.p font:bold 12pt arial;
17.p font: caption;
18.p font: icon;
19.p font: menu;
20.p font: message-box;
21.p font: small-caption;
22.p font: status-bar;
23.p font-style: italic;
24.p font-size: 10px;
25.p font: 14px sans-serif;
26.p font: 1em/1.5em sans-serif;
27.p font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
28.p font: italic small-caps bold 1em/1.5em sans-serif;
29.p font-family: "Monotype Corsiva";
30.p font: bold 24px sans-serif;
31.p font: italic bold small-caps 24px sans-serif;
32.p font: 16px monospace;
33.p font-family: "Times New Roman";
34.p font-family: Arial;
35.p font-family: serif;
36.p font-family: sans-serif;
37.p font-family: monospace;
38.p font-family: fantasy;
39.p font-family: cursive;
40.p font-weight: bold;
41.Mark paragraph by font style
42.This paragraph changes three properties using the one font shorthand property.
43.p font-size: 0.9em;padding: 1em;border: thin solid black;background: gray;color: white;
44.p font-variant:normal; font-variant:small-caps;