 <p>It all depends on what out method you choose during transformation. In following I have defined output method as <code>xml</code>, it will give you output as XML which then you can render. Alternatively try with output method as <code>html</code></p> <p>Find follwoing working XSL.</p> <pre><code>&lt;xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:ns1="http://locomotive/bypass/docx" &gt; &lt;xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes"/&gt; &lt;xsl:strip-space elements="*"/&gt; &lt;!-- identity transform --&gt; &lt;xsl:template match="node()"&gt; &lt;xsl:copy&gt; &lt;xsl:apply-templates select="node()"/&gt; &lt;/xsl:copy&gt; &lt;/xsl:template&gt; &lt;xsl:template match="/"&gt; &lt;h2&gt; Student information &lt;/h2&gt; &lt;xsl:for-each select="student"&gt; USN: &lt;span style="font-style: italic;color:red"&gt; &lt;xsl:value-of select="USN" /&gt; &lt;br /&gt; &lt;/span&gt; Name: &lt;span style="font-style: italic"&gt; &lt;xsl:value-of select="name" /&gt; &lt;br /&gt; &lt;/span&gt; college Name: &lt;span style="font-style: italic;color:green"&gt; &lt;xsl:value-of select="college" /&gt; &lt;br /&gt; &lt;/span&gt; Branch: &lt;span style="font-style: italic;color:blue"&gt; &lt;xsl:value-of select="branch" /&gt; &lt;br /&gt; &lt;/span&gt; Year of Joining: &lt;span style="font-style: italic;color:yellow"&gt; &lt;xsl:value-of select="YOJ" /&gt; &lt;br /&gt; &lt;/span&gt; Email-id: &lt;span style="font-style: italic;color:blue"&gt; &lt;xsl:value-of select="email" /&gt; &lt;br /&gt; &lt;/span&gt; &lt;/xsl:for-each&gt; &lt;/xsl:template&gt; &lt;/xsl:stylesheet&gt; </code></pre> <p>Workgin demo for you : <a href="http://xsltransform.net/ejivdHb/25" rel="nofollow noreferrer">http://xsltransform.net/ejivdHb/25</a></p> <p><a href="https://i.stack.imgur.com/dh4TY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dh4TY.png" alt="enter image description here"></a></p>