I am making my web better for SEO and I came up with question:
in what element text should be placed?
<p></p> <span></span> <div></div>
I know that I should use each of them in different situations but I dont know in which situations...
If (and only if!) it is a paragraph of text, use
If you are not sure which element to use (or if you are not sure if an element is really appropriate to use in a specific context), use
To understand the meaning of all the other elements, you should consult the HTML spec and examine carefully the definition of the particular element.
About your examples in the jsfiddle:
Example 1: Yes, the price shouldn't be enclosed in a
Example 2: I'd go for:
As unor says, your document should be validated.
Otherwise, the document should display well to users, and be semantically correct in the code. Where there are overlaps in functionality like this, the real answer is it doesn't matter. Robots will read all those elements as text, probably not boosting any priorities based on which tag they are in.