Home/ Questions/Q 6370419
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T00:55:40+00:00

I created a html page where I want to show some charts. For every

  • 0

I created a html page where I want to show some charts. For every chart I wrote text.
The chart is in a div, and the text is in a separate div although they belong to eachother.

When my window is small, the charts show in a vertical line under eachother which is ok. When the window is large, the divs are shown horizontal although the text and chart are separate. A picture will clearify what I am trying to explain:

The charts at the left are shown when the window size is small, the charts on the right is shown when the window size is largeenter image description here

I would like the text and chart toghether as one if that is possible? Thanks for your help and effort :).

EDIT:
Examplecode:
<table><tr><td><div style="text-align: center;" class="span-5" >New sales orders versus previous year (100%)</div>
<div id="ordcountVsPreviousYearDialChart_Object" class="span-3"></div> </td></tr></table>

For each of the charts its the same.I am using only 1 table 1 tr and 1 td. I am not using a css. The answer you gave makes me think of creating an inline css. I will try your solution. Thanks so far!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use the following code (look at fiddle — http://jsfiddle.net/kizu/tNwAU/)

    <span style="display:inline-block;text-align: center;" class="span-5">
    <span style="display:block;">
        New sales orders versus previous year (100%)
    </span>
    <span id="ordcountVsPreviousYearDialChart_Object" class="span-3"></span>
</span>

    There are inline-blocks, so they would always create lines of blocks, and they are better than floats for your case in many ways.

    • 0