locked
Add Padding Between Charts RRS feed

  • Question

  • User974100899 posted

    I am showing 4 charts, similar to a window pane

    ------------------------

    |             |                  |

    |-----------------------

    |            |                   |

    |----------------------|

    I want to add a some padding:

    1) between Top Left and Top Right

    2) between Bottom Left and Bottom Right

    3) between Top Left and Bottom Left

    4) between Top Right and Bottom Right

    This is my current css - how can I add the desired padding?

    <body>
    	<div class="row">
    		<div class="column">
    			<canvas id="Top left"></canvas>
    		</div>
    		<div class="column">
    			<canvas id="Top right"></canvas>
    		</div>
    	</div>
    	<div class="row">
    		<div class="column">
    			<canvas id="Bottom left"></canvas>
    		</div>
    		<div class="column">
    			<canvas id="Bottom right"></canvas>
    		</div>
    	</div>
    </body>

    And this is the CSS

                <style type="text/css">
                    .column {
                      float: left;
                      width: 50%;
                    }
                    .row:after {
                      content: "";
                      display: table;
                      clear: both;
                    }
                </style>

    Sunday, September 1, 2019 12:20 AM

Answers