Tuesday, July 23, 2024
HomeCSSjavascript - my divs will not middle correctly throughout the container

javascript – my divs will not middle correctly throughout the container


so I created a container to have these 3 divs,
they’re data containers and are supposed to be exactly divided to three details.
right here is the code:

.wrapper-1 {
    background-color: #2a2a2a;
    width: 557px;
    peak: 131px;
    text-align: middle;
    margin-top: 52px;
    margin-left: 109px;
    margin-right: auto;
}
.wrapper-2 {
    background-color: #2a2a2a;
    width: 557px;
    peak: 131px;
    text-align: middle;
    margin-top: 52px;
    margin-right: auto;
    margin-left: auto;
}
.wrapper-3 {
    background-color: #2a2a2a;
    width: 557px;
    peak: 131px;
    text-align: middle;
    margin-top: 52px;
    float: proper;
    margin-right: 109px;
    margin-left: auto;
}
<div class="container">
    <div class="wrapper-1"></div>
    <div class="wrapper-2"></div>
    <div class="wrapper-3"></div>
</div>

drawback is, they now appear to be a bunch of stairs going downwards..
pixels-wise, they’re of their appropriate spots(from the correct, left, and even in between,
however from the highest they’re very odd…
any assistance is appreciated <3

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments