getting 2 paragraphs vertically centred between 1 div

Asked Mar 19 '18 at 18:05

Active Mar 19 '18 at 18:07

Viewed 25 times

I have two p and one div.

I would that text get vertically centred.

<div class="toggle-area">
    <p>SEARCH BY</p>
    <div class="switch-inner">
        <p class ="toggle-inline">Business group</p>
        <div class="toggle-btn toggle-inline">
            <label class="switch">
              <input type="checkbox">
              <span class="slider round"></span>
            </label>
        </div>
        <p class="toggle-inline">Borrower</p>
    </div>
</div>

Here's the CSS :

.toggle-btn {
    margin: auto;
    text-align: center;
}
.toggle-area {
    padding-top:31px;
    padding-bottom: 30px;
    text-align: center;

}
.toggle-inline {
    display: inline;
    line-height: 100%;

}
.search-input {
    text-align: center;
    width: 400px;
    margin: auto
}
.switch-inner {
    vertical-align: middle;
}

The div contains a switch toggle input . the detailed css is here

Here's the actual behavior

And here's what I would

edited Mar 19 '18 at 18:06

asked Mar 19 '18 at 18:05

infodev

4,673
17
65
138

1

I have already seen answers but can't get it – infodev Mar 19 '18 at 18:08
1

I don't think this is a duplicate. He legitimately posted for help – J Livengood Mar 19 '18 at 18:08
My problem is not about to center a div vertically.. My question was marked as duplicated some seconds after posting it. not sure if dippas understood what I want.. – infodev Mar 19 '18 at 18:09

getting 2 paragraphs vertically centred between 1 div

0 Answers0