I cannot seem to fill in this gap with my Div background color

HTML-CSS
1

CodingGapProblem
CodingGapProblem1343×652 30.4 KB

So this is what my current page looks like, my h1 elements are nested in a fieldset and a div element. The div is set to a background color: black; float: top; position: relative; bottom: 28px; right: 13px;

My fieldset elements have a margin left/right (depending on what corner the lean on) of 400px.

Is there any way I can fill in this gap, please let me know! Cheers.

2

Please post the code and not just images. It would be preferable if you posted a Codepen or the like with an example.

3

Sorry, it is not letting me edit this post. Apologies. But here is the code in a reply.

#left {
 margin-right: 400px;
 border-color: black;
}
#right {
 margin-left: 400px;
 border-color: black;
}
div{
	background-color: black;
	border: none;
	margin: auto;
	float: top;
	position: relative;
	bottom: 28px;
    right: 13px;
}
4

It is a combination of two thing.

  1. The default padding on the fieldset element.

  2. You are using an offset to move the div element.

Remove the left/right padding from the fieldset element and then remove the right: 13px; from the div

5

Thank you friend! :+1:

6

No problem.

I would highly suggest learning and using the browser dev tools to inspect and debug the styles.

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.