Replacement to Fieldset to avoid alignment issues
July 9, 2012
Posted by on
I tried to use multiple fieldsets and encountered a lot of alignment issues. I did a lot of changes in the CSS to fix it. I could only minimize the issues but couldn’t avoid it completely.
So I have come up with a replacement of Fieldset using Div and Span (of course I got the idea from StackOverflow, and I modified it according to my need).
I embedded my content in the following elements
<span class="legend">Project Manager</span>
<p> My Content
In the css file I added the following styles.
border: 1px solid #ddd;
background: #fff; padding: 5px 10px;
This was a lot stable in alignment when compared to Fieldset. With this I am not complaining the Fieldset, its a lot neater way to group things. But I couldn’t figure out the fix to the alignment issues. So this one is a temporary replacement to the fieldset.