CMS Development

akhlesh1993
Miembro

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 Me gusta
1 Soluciones aceptada
robsobers
Solución
Colaborador

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

Ver la solución en mensaje original publicado

0 Me gusta
2 Respuestas 2
robsobers
Solución
Colaborador

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 Me gusta
akhlesh1993
Miembro

COS Structure

resolver

Thanks Rob.....

0 Me gusta