How to Add Inline Style in SharePoint Page

Let say we like to hide left navigation from the current page layout pages, then we will simply add the following style to "PlaceHolderAdditionalPageHead" placeholder.
 
 
Once saving the html file, you can observe that the style is not applied to page. I have applied simple styles to the page and still they are not applied to any element on the page. After checking the checkbox for ASPX converted file in Designer, I found that the Style is converted as the following.

 
This means that the browser will ignore executing these CDATA styles. So, these styles will not be applied.
Following is the correct implementation we have for using the right style of page.