COS Structure

SOLVE
akhlesh1993
Member

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.

0 Upvotes
1 Accepted solution

Accepted Solutions
robsobers
Solution
Participant

<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

View solution in original post

0 Upvotes
2 Replies 2
robsobers
Solution
Participant

<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

View solution in original post

0 Upvotes
akhlesh1993
Member

Thanks Rob.....

0 Upvotes