Icon next to input

Question

Icon next to input

Navigation

#1 by (3 votes)

3

I want to create a page to run on the captive portal, and I really enjoyed the inputs from the King Debrid login page, but it uses Bootstrap. I wanted the same effect, but without using Bootstrap.

css font-awesome

asked by anonymous 02.02.2016 / 18:44

1 answer

I can not return the authenticated user in Laravel Enable function on another page after clicking on anchor

score 3 · Accepted Answer

div{
  width: 400px;
  background-color: #E7E7E7;
  border:1px solid #C7C7C7;
}

i{
  background: url(http://findicons.com/files/icons/2171/kiwi/32/admin.png) no-repeat center center;
  background-size: 20px;
  width: 50px;
  height: 32px;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}

input[type="text"]{
  line-height: 32px;
  display: inline-block;
  vertical-align: middle;
  width: 343px;
  border: none;
}

<div>
  <i></i>
  <input type="text">
</div>