display: block not doing anything on span element

Question

Okay so i have a program that has a <span> element rendered by CSS:

.whatever-the-spans-class-is {
font-weight: bold;
display: block;
}

it seems like it should work. does the display need another css value set for it to work, or are there css values that disable display: block to work?

thanks in advance

Answer 1

Hello, privrax. !
Do not forget that the <span> tag is a container. So in which tag do you use the <span> ?

Answer 2

What are you trying to achieve:

1. Make text go through a whole block
2. Make text invisible

Answer 3

remember <Span> tag is a container for values

Answer 4

Homayoun Aghaei no, because thats not the real code. The actual project I’m working on is much bigger.

Answer 5

Alexander Sokolov I want text in the span. So should I have:
<span class=“someclass>
<p>blah blah blah</p>
</span>

?

Answer 6

Agent Im tryint to do the former.

Answer 7

The HTML <span> tag is used for grouping and applying styles to inline elements. There is a difference between the span tag and the div tag. The span tag is used with inline elements whilst the div tag is used with block-level content.

Answer 8

privax
try this on html
<span>Text for test</span>
<span>Text for test 2 </span>

then:

enter this on css

span{display:block;}

block makes the text to not continue on same line

Answer 9

Homayoun Aghaei yes but its not working.

Answer 10

why? it's very simple code

Answer 11

For what it is for you?

Answer 12

what is span?

Answer 13

yes, what is span?