COS Structure

SOLVE
New Contributor

Hello,

        I am very new to hubspot cos. I am just trying to understand the basic structure of hubspot cos modules. While studying about modules, i have found a '<span>' tag inside their modules. I was just thinking that:

What is the purpose behind using <span class="hs_cos_wrapper hs_cos_wrapper_type_header">..........</span>?????

 

They can simply use the <div> tag instead of using <span>.

 

Thank you for your answer in advance.

Reply
0 Upvotes
1 Accepted solution

Accepted Solutions
Highlighted
Regular Contributor

<div> is a block-level element, meaning that it forces a line break above and below it.

 

<span> is an inline element, so it can be inserted within a module to give you control over an element without forcing a line break.

 

I've found that the COS goes to great lengths to give you CSS classes on each element so that you can style your pages using stylesheets without having to write any inline CSS.

 

-Rob

https://hubspotcourse.com

Reply
0 Upvotes
2 Replies 2
Highlighted
Regular Contributor

<div> is a block-level element, meaning that it forces a line break above and below it.

 

<span> is an inline element, so it can be inserted within a module to give you control over an element without forcing a line break.

 

I've found that the COS goes to great lengths to give you CSS classes on each element so that you can style your pages using stylesheets without having to write any inline CSS.

 

-Rob

https://hubspotcourse.com

Reply
0 Upvotes
New Contributor

Thanks Rob.....

Reply
0 Upvotes