I've googled for lots of forum on webpart alignment and understand it can be achieved using -

a. Orientation: Horizontal (applicable in case of 2 webpart added to the same webpart zone)

b. DIV ID (via CSS, adding the width)

However, in my case performing either doesn't works and need expert view.

Requirement: Webpart placed in WebpartZone 3 & 4, to be align to each other rather appearing one below.

Please check the WebpartZone code -

                <div class="row" id="homeRow4">
                    <WebPartPages:WebPartZone runat="server" Title="Row4" ID="WebPartZone4"><ZoneTemplate></ZoneTemplate></WebPartPages:WebPartZone>

Please suggest what change shall I make in order for the webpart added to HomeROW3 is align on left and allows webpart of HomeROW4 to be align next to it with align as right?

  • Are you working on custom page or SharePoint page? Commented Apr 21, 2016 at 6:40
  • SharePoint Page.
    – Jason
    Commented Apr 21, 2016 at 23:43

1 Answer 1


You can change text layout of SharePoint page. Edit page, select layout Two columns from Ribbon >> Format Text >> Text Layout. You can add HomeROW3 to left zone and HomeROW4 to right zone.

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.