I have set the Manage Display option to make the field labels Inline, given them a fixed width so that all the data is lined up in a column.

.field-label-inline .field-label {
  margin-right: 6px;
  text-align: right;
  width: 110px;

The problem is that when the is long, the data it gets positioned below the label rather stay to the right of the label. I want as though it was a table with the right-aligned labels in the first column and the data in the second column.

Can that be accomplished via CSS?

1 Answer 1


Field content supposed to live inside div.field-items, so you can set "width" or "max-width" properties to div.field-items. Value of width/max-width should be same as or smaller than parent div.field width minus label width.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.