Try this instead:
<style>
.container div {
float: left;
}
.clear {
clear: both;
display: none;
}
</style>
<div id=contain class="container">
<div id="chart1"></div>
<div id="chart2"></div>
</div>
<div class="clear"></div>
The clear div at the end prevents the float effect from propagating further
in your HTML.
On Thursday, December 13, 2012 8:38:24 PM UTC-5, Chrystopher Medina wrote:
>
> hi my friend how I can put them opposite each other .... i tried this
>
> <style>
> .container {
> float : left;
> }
> </style>
> <div id=contain class="container">
> <div id="chart1"></div>
> <div id="chart2"></div>
>
> </div>
>
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/pRxcX-AKlX4J.
To post to this group, send email to google-visualization-api@googlegroups.com.
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
