Question

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Align Box</title>
    
<style>

.box{
    margin:0;
    padding:0;
    border:0;
    height:512px;
    width:512px;
}

.sm_box{
    margin: 0;
    padding:0;
    display:inline-block;
    background:orange;
    height:125px;
    width:125px;
}
</style>
</head>
<body>  
    <div class="box">
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
        <div class="sm_box"></div>
    </div>
</body>
</html>

four div with width 125 px without margin and padding physical align in a div with width 500 px without margin and padding but i can do this with margin -2px in small box else with the code over and givw at big box 12 px more maybe you can help me why do not this

the calculate space around the div is not right with the metric where i have learned

LEAVE A COMMENT Hủy