In the following code, why doesn't span adhere to the height rule:
<div style="border:1px black solid">
inside div
<span style="height:300px">inside span</span>
</div>
Asked
Active
Viewed 37 times
-2
4thSpace
- 43,672
- 97
- 296
- 475
-
1Inline elements don't have a height – j08691 Oct 10 '18 at 21:55
-
You're looking for `line-height` with inline elements, or define it as block level amigo. – Chris W. Oct 10 '18 at 21:58
2 Answers
1
You gotta put the next style to your span tag
display:inline-block;
If you wanna see the change put a background to your span
background-color: #f00;
Alex Larracilla
- 44
- 2
-
-
Yeah, you can check this https://www.w3schools.com/css/css_display_visibility.asp – Alex Larracilla Oct 10 '18 at 22:00
0
Span is an inline element, which has neither a width nor height of its own. You would need <span style="height:300px; display:inline-block"> to get a styled height working.
jla
- 4,191
- 3
- 27
- 44