---
title: "How can I remove extra space from the top?"  
description: "How can I remove extra space from the top?"  
author: "Anonymous User"  
published: 2013-09-25  
updated: 2013-09-25  
canonical: https://www.mindstick.com/forum/1541/how-can-i-remove-extra-space-from-the-top  
category: "css-css3"  
tags: ["css-css3"]  
reading_time: 2 minutes  

---

# How can I remove extra space from the top?

<html>

<head>

<style type="text/css">

#wholeborder{

[background](https://www.mindstick.com/articles/65/how-to-change-background-color-of-tab-control-in-c-sharp)-color : #f2f2f2;

border-radius:5px;

border:1px solid #222;

resize:both;

width:700px;

height:320px;

[overflow](https://www.mindstick.com/interview/1711/what-is-overflow-properties-in-css):auto;

}

#navigatorForLinkedIN{

height:70px;

}

ul#[breadcrumbs](https://www.mindstick.com/blog/826/bootstrap-scrollspy-miscellaneous-and-breadcrumbs){

list-style:none;

/* [optional](https://www.mindstick.com/interview/22851/main-difference-between-optional-and-required-keywords) */

margin:100px;

padding:10px 2px 10px 10px;

background:#f2f2f2;

width:500px;

height:30px;

border-radius:5px;

border:1px solid #222;

-moz-box-shadow:0 0 3px 0 #000;

}

ul#breadcrumbs li{

float:left;

background:;

height:30px;

padding:0 23px 0 10px;

text-align:center;

text-decoration:none;

text-color:#7a7a7a;

line-height:32px;

}

ul#breadcrumbs li.active{

background:url(../images/greenNav.png)no-repeat right;

color:#fff;

}

ul#breadcrumbs li a{

display:block;

text-decoration:none;

color:#2d2d2d;

line-height:32px;

text-shadow:0 0 1px #222;

}

ul#breadcrumbs li a:hover{

color:#000000;

background: url(../images/greenNav.png);

}

</style>

</head>

<body>

<div class="wholeborder" id="wholeborder">

<div class="navigatorForLinkedIN" id="navigatorForLinkedIN">

<ul id="breadcrumbs">

<li class="active"><a href="">[Connect](https://www.mindstick.com/articles/12810/how-to-connect-tablet-to-external-monitor-or-flat-screen-tv-using-computer-adapters) with [LinkedIn](https://yourviews.mindstick.com/view/87413/which-is-better-for-business-linkedin-instagram-twitter)</a></li>

<li><a href="">Invite Friends</a></li>

<li><a href="">Complete [Profile](https://www.mindstick.com/articles/44686/how-to-write-a-profile-essay)</a></li><a href="">

</a></ul><a href="">

</a></div><a href="">

</a><div class="linkedInLoginBox"><a href="">

<div class="head">

Discover [contacts](https://answers.mindstick.com/qa/50746/how-to-setup-your-contacts-on-your-iphone-7) that can help you land your next job

</div>

</a><div class="body"><a href="">

</a><a class="sn-in" href="" title="Sign into LinkedIn" id="sn-lk-sign" rel="[nofollow](https://www.mindstick.com/articles/334372/noindex-nofollow-disallow-the-differences)"><span class="sn-in-sign-span">Sign into LinkedIn</span></a>

<div class="disclaimer">

All information and [activity](https://www.mindstick.com/forum/12894/how-to-force-recreation-of-activity-fragment-on-restore) will be kept private. <a href="" target="_blank">Learn More</a>

</div>

</div>

</div>

</div>

</body>

</html>

## Replies

### Reply by Pravesh Singh

Hi Ben,

the margin is 100px, thats whats pushing it down

ul#breadcrumbs{

list-style:none;

/* optional */

margin:100px;

padding:10px 2px 10px 10px;

background:#f2f2f2;

width:500px;

height:30px;

border-radius:5px;

border:1px solid #222;

-moz-box-shadow:0 0 3px 0 #000;

}

change the margin in this, 100 is pushing it down, you can use stuff like.

margin-top:;

margin-left:;

margin-right:;

margin-bottom:;


---

Original Source: https://www.mindstick.com/forum/1541/how-can-i-remove-extra-space-from-the-top

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
