I get the basic idea of CSS and styling text and such but what I am a little confused on is when there are multiple groups of text in the same div that you want styled Differently. For example, let’s say I am posting a news article and I have:

MY HEADLINE
the date and time
THE NEWS STORY
and a comment link/whos posting the article/etc.

So if I wanted each 4 of those items to look differently, how would I do so?

I know there are H1 tags and span, P etc.

So would you use this?
H1 for header
SPAN for the time and date
p for the news story
and then what can I use for the comment links?
would I give another span an id?

I hope this makes sense, this is where I have a hard time wrapping my head around CSS.

Topics: graphic design, HTML, web design, CSS, websites, codes