移動端p標簽和input標簽都設置為43px;但是p標簽沒有吧border遮擋，而input標簽遮擋了，這個怎么處理？

代碼如下

    <div class="formitem border-b">
      <p class="title">店鋪名稱</p>
      <p class="input">店鋪名稱</p>
      <input type="text" placeholder="必填" v-model="shopInfo.shopName" />
    </div>

···
.title{

    color: #333333;
    letter-spacing: 0;
    height: 43px;
    float: left;
    box-sizing: border-box;
    vertical-align: middle;
  }

  input{
    flex: 1;
    outline: 0;
    margin-left: 5px;
    padding: 0;
    border: none;
    vertical-align: middle;
    float: right;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    color: #666666;
    letter-spacing: 0;
    text-align: right;
    font-size: 15px;
  }

···

最終的結果是p標簽和input輸入內(nèi)容不等高， 請問有什么方法解決