I am stuck with some CSS.I need this:
But I have this (applying \[code\]float:left\[/code\] to the image):
The HTML is generated by Drupal so I can't change its structure:\[code\]<div class="content clearfix"> <div class="field field-name-field-gallery-work-order field-type-image field-label-hidden"> <div class="field-items"> <div class="field-item even"><img typeof="foaf:Image" src="http://www.gcca.eu/sites/default/files/styles/stories-field-thumb/public/ACP/workorders/rwanda_photo_2_land_registration_programme_gcca_eud.jpg" width="200" height="150" alt=""></div> </div> </div> <div class="field field-name-field-country-media field-type-taxonomy-term-reference field-label-inline clearfix"><div class="field-label">Country:</div> <div class="field-items"> <div class="field-item even">Madagascar</div> </div></div><div class="field field-name-field-region field-type-list-text field-label-inline clearfix"> <div class="field-label">Region: </div> <div class="field-items"> <div class="field-item even">Africa</div> </div></div>...\[/code\]And I have the folloing styles set to the image:\[code\].node-work-order .field-type-image img { float: left; margin: 0 15px 5px 0;}.field-type-image img { background: #F3F0E8; border: 1px solid #DAC5B4; padding: 10px; margin: 0 0 10px 0;}\[/code\]How can I align the region and other attributes under Country and to the right of the image?