Fields alignment adjustment

Hello,
I've tried searching for a solution to my problem in the forum but couldn't find it, so please bear with me!
How do you make the fields alignment look like attachment2 (image below), both regarding the alignment and style (color and underline)?
I arranged my fields in the tabbed template, but the look like attachment1 (image below).
Thanks!

Hello

you examine the page with the CSS that you like or find something similar and examine the CSS and apply it to your website

then see this FAQ article:
How to customize CSS styles of FLEXIcontent

Thank you ggppdk,
I'm trying to examine the page CSS, but I'm kind of confused about where to look to identify the parameters that need to be changed.
Do you know what are they?
Thank you so much!

Hello

i mentioned the above work, only if you have CSS knowledge.

but provide a frontend URL to your website that shows these fields,
and maybe me or some other forum member can give you CSS needed

Regards

Thank you ggppdk,
Here is the live url: bit.ly/1bfCmYW
There is also a long space that is added at the end of the page if I choose the tabbed template...
Hope you or some other member can help out!
Thank you so much!

Hi,
Please install Firebug for Firefox or use something similar like Chrome developer tools to find the css to be changed.

I had a quick look. Setting clear="both" in the class .flexi .element in item css makes lines below each other. Adapting #flexicontent .flexi.label, .flexi.label in flexicontent.css makes the label look like you want it.

The white space (if I found the correct one) is template css setting for the module. in template.css

I only had a very quick look, but this is all basic css knowledge...

Rooney