CMS Development

akhlesh1993
Membre

COS Structure

Résolue

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 Votes
1 Solution acceptée
robsobers
Solution
Contributeur

COS Structure

Résolue

<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

Voir la solution dans l'envoi d'origine

0 Votes
2 Réponses
robsobers
Solution
Contributeur

COS Structure

Résolue

<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

0 Votes
akhlesh1993
Membre

COS Structure

Résolue

Thanks Rob.....

0 Votes