For example i have template A

PHP Code:

<div>
       <ul>
             {subtemplate B}
       </ul>
</div> 


And subtemplate B is:

PHP Code:

<li>Item 1</li>
<li>Item 2</li> 


if i include subtemplate B into A it shows in page source:

PHP Code:

<div>
       <ul>
              <li>Item 1</li>
<li>Item 2</li>
       </ul>
</div> 


Is there any way to achieve this?

PHP Code:

<div>
       <ul>
             <li>Item 1</li>
             <li>Item 2</li>
       </ul>
 </div> 


Yeah, use \t to create a tab using php.

\t Makes a tav
\n Makes a new line (White space)
\r I have no idea what this ones does.

Use these like:

PHP Code:

echo "Hello \t Woah!";

// This should produce
// Hallo    Woah 


I don't see any problem in your code. It is more important are your page working properly? Some browsers can show good preview of your code, some other not.

Whitespace doesn't matter in HTML. If you're really concerned about it though do as rogem002 suggested, or don't tab over for {subtemplate B} (have it left aligned) and just tab over only in the actual subtemplate.

\r is carriage return, if I remember right, Mac uses \r for their new lines, Linux uses \n and windows uses \r\n. Mac ignores \n and Linux ignores \r so using \r\n is actually smartest.

This is a path to insanity. Trust me. I've been there.

The inevitable problem is that you'll want to include one template in multiple other templates, each with different indentation levels.