phpbb Custom Profile Fields Alignment

these custom profile fields dont line up, how can i get space between the field descriptions. the pic shows whats supposed to lineup with what

i have a height in the second divs because theres alot of information in them and it doesnt look rite without them

<!-- BEGIN custom_fields -->
<div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Movies" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
<div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "TV Shows" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
<div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Actors/Actresses" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
<div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Artists" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
<div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Bands" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
<div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Songs" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
<div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "CDs" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
<!-- END custom_fields -->

Code (markup):

 

It is difficult to debug empty elements. How about a link to the page in question? If I were to hazard a guess, I'd lay the initial blame on the markup as not being appropriate to what the image shows.

 

http://forumbytunes.com/memberlist.php?mode=viewprofile&u=2

guests cant see it this is a test account

username - phpbb
password - phpbb2

 

Tunes, there is simply nothing there worth salvaging. It should be completely refactored as a table layout or as properly marked up content with css controlling layout. Any fix applied to the existing markup would be a fragile one looking for the first opportunity to break.

Sorry,

gary

 

anyone else

 

You must set height for divs , if you need it yet . inform me.

 

What? You'd rather screw around with inappropriate markup rather than simply redoing the semantic errors?

It's not rocket science to do it right.