html - 如何在按钮右侧添加一条垂直线，以便该线应出现在搜索栏和该按钮之间

Question

该行应位于按钮旁边和搜索栏之前

.vertline{
  border-right:4px solid black;
  height:200px;
}

<div class="vertline">
  <button class="hin"></button>
  <label>Home</label>
  <span><input type="text" placeholder="search videos" name="search"></span>
  <span><input type="submit" value="" class="tel"></span>
</div>

标签： htmlcss

Answer 1

.line{
  border-left:4px solid;
  padding-left:5px;
}

<div class="vertline">
        <button class="hin"></button>
        <label>Home</label>
        <span><input type="text" placeholder="search videos" name="search"></span>
        <span class="line"><input type="submit" value="" class="tel"></span>
    </div>