ForumEasy.com

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

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

    /* inline elements -- default */
    i {
        border: 1px solid red;
        /* display: inline; */
    }
    b {
        border: 1px solid red;
        /* display: inline; */
    }
    a {
        border: 1px solid red;
        /* display: inline; */
    }

    </style>
  </head>
  
  <body>

   <h2>CSS Inline Elements</h2>

    <p>Included in this paragraph are all inline elements which should be displayed in one line or more lines, as less as possible, no matter how they are arranged in HTML 

<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, all extra spaces and newlines are eaten and thereafter take no effect. The inline element only takes as much space as necessary.

</p>
    
  </body>
</html>
Result Output:

Home » Sandbox