2012-06-11 25 views
6

इस तरह दिखाई एक div शीर्षक बनाने के लिए यह संभव है और इसे पूर्ण निर्देशांक के साथ स्थिति दें, लेकिन मैं शीर्षक को पूरे दस्तावेज़ के बजाय div से जोड़ना चाहता हूं, इसलिए मैं शीर्षक को स्थानांतरित करने के बारे में चिंता किए बिना div को स्थानांतरित कर सकता हूं।सीएसएस div शीर्षक स्थिति

मैंने यहां एक पहेली स्थापित की है: http://jsfiddle.net/Eth6U/

+0

कभी '

' और '' टैग को देखा है? – Pointy

+0

नहीं, अभी तक, मुझे लगता है कि मुझे यही चाहिए। –

+0

किंवदंती और कुछ सीएसएस के साथ फ़ील्डसेट के साथ हासिल करना संभव नहीं होगा? बमर, बहुत देर हो चुकी है। ;) – JaggenSWE

उत्तर

9

आप ऐसा करने के लिए <fieldset> टैग का उपयोग कर सकते हैं ...

यहाँ एक उदाहरण है ...

<fieldset> 
    <legend>Div title here...</legend> 
</fieldset> 

आप <fieldset> टैग बस संपादित कर सकते हैं सीएसएस में <div> के रूप में ...

+0

हां, जो मुझे चाहिए, मुझे पता होना चाहिए था ... –

5

आप fieldset और legend टैग का उपयोग कर सकते हैं।

उदाहरण के लिए

:

<fieldset> 
    <legend>The title</legend> 
    <p>hello!</p> 
</fieldset> 
+0

हाँ धन्यवाद, मुझे वही है जो मुझे –

+2

की आवश्यकता है उदाहरण: http://jsfiddle.net/Eth6U/7/ – Playmaker

0

सू जैसे आप fieldset और legend देख रहे हैं।

<fieldset>   
    <legend>Title</legend>   
    ... 
</fieldset>   
0

यह on SitePoint.com पर चर्चा की गई और यह सबसे अच्छा तरीका यह घोंसला करने के लिए एक div के भीतर एक div था और सही ढंग से स्थित करने के लिए है, जो मेरा मानना ​​है कि आप क्या करना नहीं चाहते नकारात्मक हाशिए उपयोग करने के लिए लग रहा था।

जो आप करने की कोशिश कर रहे हैं वह फॉर्मेट के लिए फ़ील्ड किंवदंती के समान है और आप इसे HTML के रूप में उपयोग कर सकते हैं और इसे सीएसएस के साथ स्टाइल कर सकते हैं। Examples

0
<fieldset> 
<legend>Div Title Here</legend> 
<!-- Write your code here what do you want in that fieldset--> 
</fieldset>