CMS Development

akhlesh1993
Membro

COS Structure

resolver

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 Avaliação positiva
1 Solução aceita
robsobers
Solução
Colaborador(a)

COS Structure

resolver

<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

Exibir solução no post original

0 Avaliação positiva
2 Respostas 2
robsobers
Solução
Colaborador(a)

COS Structure

resolver

<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 Avaliação positiva
akhlesh1993
Membro

COS Structure

resolver

Thanks Rob.....

0 Avaliação positiva