Jump to content
raduenea

float left div

Recommended Posts

Hi,

I have the following situation.

<style>

.test1 {
	width: 50%;
	float: left;
	background-color:#888;
}

.test2 {
	width: 50%;
	float: left;
	background-color:#999;
}

@media (max-width: 991px) {
	.test1 {
		width: 100%;		
		background-color:#888;
	}

	.test2 {
		width: 100%;		
		background-color:#999;
	}
 }

</style>

<div style="float:left; background-color:#578;">
<ul>
<li>unu</li>
<li>doi</li>
<li>trei</li>
<li>patru</li>
</ul>
</div>

<div>
	<div>
		<div class="test1">
		text text etxt
		</div>
		<div class="test2">
		ceva ceva ceva
		</div>
	</div>
	<div style="text-align:center; width:100%; background-color:#777;">
	lorel impsun
	</div>
</div>	

The problem is that it add me space in the top and bottom of the div menu. See attached, maked with red.

How can I get rid of that space ?

Thanks

Capture.jpg

Share this post


Link to post
Share on other sites

By default, browsers apply margins (or padding) to the <ul> tag. The white space can be removed by adjusting the top and bottom marginĀ / padding in your style sheet.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.