But when I introduced a struts tag into the page by replacing the elements with struts tag, somehow the entire layout turned into a huge mess.
Reason? My page contained a form, and struts automatically applies a theme to the form that causes the elements to be rendered in the form of tables. I was like, WTF! When i saw my perfectly looking page utterly distorted coz of no mistake of my own.
If you are facing the same issue, you can simply resolve it by using the simple theme instead of whatever theme struts is using.
In my case, I did the following in my struts form.
<s:form action="my_action" theme="simple">
Yea, that works. Piece of cake. I guess there should be a way to default the theme for the entire project instead of doing it one form at a time, especially since I like to do the styling of the web pages by myslef. Will have to check that.