They are displaying vertically because divs have style display: block by default. Changing them to display: inline-block should help. Alternatively, you may want to consider using a table for your purposes.
- Sergey On Thu, Apr 17, 2014 at 1:04 PM, <[email protected]> wrote: > I am using Google API visualization to create 2 bar charts and 1 pie > chart. I am trying to display the charts in the same row(Horizontally). I > have a space constraint here(i.e. 3 charts should be fitted in the page > horizontally). If I use div ids only the first chart is getting > displayed.Could someone help me on this please? > > <div id="left-wraparound"></div> > <div id="right-wraparound"></div> > </div></nav> > <div id="main"> > <div id="container" style = "width:100%"> > <p>Welcome <b>USer</b> - Charts </p> > <div id="chart_bar" align = "left" style = "width=25%"> > <div id="chart_bar1" align = "center" style = "width=50%"> > <div id="char_pie" align= "right" style = "width=25%"><html><head> > *Google API code* > </div> > </div>`enter code here` > </div> > </div> > </div> > > > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
