CSS div tiêu đề vị trí

Question

Có thể làm cho một danh hiệu div xuất hiện như thế này:

Tôi biết rằng tôi có thể là văn bản "Div Tiêu đề ở đây" bên trong một div, cung cấp cho nó một nền tảng vững chắc và định vị nó với tọa độ tuyệt đối, nhưng tôi muốn tựa đề được liên kết với div, thay vì toàn bộ tài liệu, vì vậy tôi có thể di chuyển div mà không lo lắng về việc di chuyển tiêu đề.

Tôi đã thiết lập một fiddle ở đây: http://jsfiddle.net/Eth6U/.

Answer 1

Bạn có thể sử dụng thẻ <fieldset> để làm điều này ...

Dưới đây là một ví dụ ...

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

Bạn có thể chỉnh sửa các thẻ <fieldset> chỉ dưới dạng <div> trong CSS ...

Answer 2

Bạn có thể sử dụng các thẻ fieldset và legend.

Ví dụ:

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

Answer 3

sou giống như bạn đang tìm kiếm fieldset và legend.

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

Answer 4

này đã được thảo luận on SitePoint.com và nó dường như là cách tốt nhất để làm điều đó là để làm tổ một div trong một div và sử dụng lợi nhuận tiêu cực đến vị trí của nó một cách chính xác, mà tôi tin rằng bạn không muốn làm.

Những gì bạn đang cố gắng làm là rất giống với chú thích fieldset cho biểu mẫu và bạn có thể sử dụng html đó và tạo kiểu cho nó bằng CSS để tùy chỉnh giao diện của nó. Examples

Answer 5

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