Home/ Questions/Q 6672431
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:30:27+00:00

I’m sitting now 1 hour working on this problem: How to make Field Item

  • 0

I’m sitting now 1 hour working on this problem: How to make “Field Item 2” float at the right site of “Field Item 1” Is that possible with CSS at all? Or are there too may divs in between?
Any idea? Tanx a lot!

<html>
<head>
    <title>Test float</title>
</head>

<body>
    <div class="group-header user-slogan">
        <div class="field field-name-field-user-slogan field-type-text field-label-hidden">
            <div class="field-items">
                <div class="field-item even">Field Item1</div>
            </div>
        </div>
        <div class="even zitatgeber" style="float:left;">Field Item2</div>
    </div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You might want to try this, add style=”float:left;” into the div which is in the same level with the Field Item2, and change the style of Field Item2 to float:right. Here it is:

    <body>
<div class="group-header user-slogan">
    <div class="field field-name-field-user-slogan field-type-text field-label-hidden" style="float:left;">
        <div class="field-items">
            <div class="field-item even">Field Item1</div>
        </div>
    </div>
    <div class="even zitatgeber" style="float:right;">Field Item2</div>
</div>
</body>

    Remember to add the specific width for the left and right, so the item will float correctly.

    • 0