CODEWITHSUNDEEP
htmlcsstwitter-bootstrap
Jack
Jack

Reputation: 513

What is causing this box?

I have a strange box appearing around a form:

enter image description here

Here is the HTML:

<div class="container">
      <h4>Please login</h4>

  <form action="/client_scripts/login.php" class="form-horizontal" method="post" role="form">
    <fieldset>
      <div class="form-group">
        <div class="col-xs-4">
          <input class="form-control" placeholder="Username" name="username" type="text">
        </div>
      </div>
      <div class="form-group">
        <div class="col-xs-4">
          <input class="form-control" placeholder="Password" name="password" type="password">
        </div>
      </div>
      <button type="submit" class="btn btn-primary">Login</button>
    </fieldset>
  </form>

  <hr />
  <div class="footer">
    <p>Powered by <a href="#">SOMETHING</a></p>
  </div>

</div> <!-- /container -->

I see nothing in the HTML to cause it?

Upvotes: 0

Views: 41

Answers (1)

Suman KC
Suman KC

Reputation: 3528

the strange box according to you is <fieldset>. and because of it's default property it's showing some border and it's property.

Try this to neutralize the default property of fieldset and you would get rid of it or you can style as according to your need.

fieldset{border:none;padding:0;margin:0;}

Upvotes: 3

Related Questions