In my Angular app, I am using ui-router for navigation and implementing nested states/views in a hierarchical manner. Here is how the structure looks:
<!-- index.html -->
<h1>Page Title</h1>
<ui-view></ui-view>
<!-- Page1.template.html -->
<h1>Title 1</h1>
<ui-view></ui-view>
<!-- Page2.template.html -->
<h1>Title 2</h1>
<ui-view></ui-view>
<!-- Page3.template.html -->
<h1>Title 3</h1>
<ui-view></ui-view>
The current layout appears as expected, with child views rendered one below the other:
Is there a way to modify the layout so that child views are rendered side by side instead of stacked?