ForumEasy.com

Edit Your Code:
<html>
  <head>
    <style>

     /* edit or add your own CSS code here */

    /* inline elements -- overriding  */
    i {
        border: 1px solid red;
        display: block;
    }
    b {
        border: 1px solid red;
        display: block; 
    }
    a {
        border: 1px solid red;
        display: block;
    }
    </style>
  </head>
  
  <body>

   <h2>CSS Inline Elements</h2>

    <p>Included in this paragraph are all inline elements which should be now displayed in block model: 

<i>This is a italic font element.</i>

<b>This is a bold font element.</b>

<a href="#">This is a link element.</a>

As you may notice, each element starts from a new line and ends with no trailing stuff but takes as much space as it can until it reaches the boundary of its parent element.
</p>
    
  </body>
</html>
Result Output:

Home » Sandbox