p background-repeat: no-repeat; : p background « Tags « HTML / CSS






p background-repeat: no-repeat;

    
<!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">
<head>
<title></title>
<style type="text/css">
span.initcap {
 display: none;
}

p {
 line-height: 1em;
 background-image: url(http://java2s.com/style/logo.png);
 background-repeat: no-repeat;
 text-indent: 35px;
 padding-top: 45px;
}

</style>
</head>

<body>
  <p><span class="initcap">O</span>nline, activity of exchanging ideas     
  is sped up. The distribution of messages from the selling of 
  propaganda to the giving away of disinformation takes place at a
  blindingly fast pace thanks to the state of technology &hellip;</p>
</body>
</html>

   
    
    
    
  








Related examples in the same category

1.p background-image: url(initcap-o.gif);
2.This paragraph has a 180-pixel width and 20 pixels of padding, and yet the backgrounds of both paragraphs are lined up together
3.p background: lightsteelblue;
4.p background-color:#ffffff;
5.p background: rgb(234, 234, 234);
6.p background: rgb(202, 222, 245);