Why is my background not fully covering my span?

HTML-CSS
1

Why is my background not covering the whole span element?
You can inspect the element here Gem Hunt.

image
image1139×327 40.6 KB

The span that covers the picture and text and the background are red and black gradients. The span has a class of tablinks.

Circled thing is the background and its supposed to be covering the whole thing but its not.

image

3

The span that covers the picture and text and the background are red and black gradients. The span has a class of tablinks.

5

??? I dont get what the problem is

7

I want the background to cover the image and the text compelty not for them to be glued together. and my bug is that its not covering it comeltly. Like the red bg should have a height so its covering the whole span

8

I would really suggest making #stats1 a flexbox container. It is much better and would even allow the children to be normal block-level elements.

#stats1 {
  display: flex;
  margin: 10px;
  border: solid 1px grey;
  padding: 5px;
}

But you can also set .itemr to be display: inline-block

9

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