CSS ajuda

Front-end
#1

Olá todos !

Sou novo por aqui, tenho uma dúvida quando criar elemento com sub elemento usando CSS.

Segui o código HTML:
Se o cógido nao aparecer segui o link:

http://codepad.org/VjbUnTf4

`

widget { position: absolute; left: 100px; top: 100px; width: 200px; height: 200px; border-radius: 5px; border: 1px solid rgb(197,40,0); background: rgb(235,235,235); } widget_title { position: absolute; top: 0px; left: 0px; width: 100%; height: 30px; background-image: linear-gradient(to bottom, #ffaf46, #e78404); }

`

PERGUNTA:
Como criar um elemento( widget) com um sub elemento ( widget_title ) usando apenas isso:

<widget> </widget>

Espero que seja entendido.

Grato !

#2

não entendi sua pergunta, pelo código parece ja estar funcionando. Explique melhor oque voce precisa

#3

Olá “denisspitfire” !

Cara, primeiro grato pelo retorno !!!

Sim, o código já funciona …

É tipo assim: queria criar um elemento ( widget ) já com um sub elemento ( widget_title ) apenas declarando a TAG do elemento ( widget ).
Exemplo:
http://codepad.org/zD2BRX2G

Seria tipo declarar a tag ( widget ) e aparecer o ( widget ) já com a barra de título … esse foi apenas para exemplificar.

T++.