Table formats?

Question

I wonder if it is possible to make a table containing a "text" in the middle of its lines!

Follow an example:

Answer 1

That’s what you’re looking for? http://jsfiddle.net/MeeW2/

HTML will look like this:

<div>
    <h1><span>Div title</span></h1>
</div>

And the CSS, like this:

div{
    border: 1px solid #000;
    width: 200px;
    height: 200px;
}

div h1{
    text-align: center;
    margin-top: -10px;
    height: 20px;
    line-height: 20px;
    font-size: 15px;
}

div h1 span{
    background-color: white;
}

Originally posted here: https://stackoverflow.com/questions/19868267/div-title-on-div-border-how-to

Answer 2

Uses a fieldset. The tag fieldset must necessarily have a daughter tag legend, which is his text. Looks exactly as you want, this tag was created for this.

<fieldset>
    <legend>Texto</legend>
    foo
</fieldset>

Example in Jsfiddle. I edited the example to be more central.

Now just leave the edge as you want and be happy. You can also reposition the Legend using margins and padding.