hello!
um i really dont know how to make this:
the line that goes around text
i have seen people with it all over myspace
but i dont know how to do it
arghhh
some one helppp?
please
Full Version: MYSPACE
hello!
um i really dont know how to make this:
the line that goes around text
i have seen people with it all over myspace
but i dont know how to do it
arghhh
some one helppp?
please
Looks like the <legend> element of a <form> to me.
http://htmlhelp.com/reference/html40/forms/legend.html
http://htmlhelp.com/reference/html40/forms/legend.html
I think the OP is referring to the border, in which case:
- Box Properties in our CSS reference
- the FAQ entry Where can I learn about CSS?
You can also simulate a FIELDSET+LEGEND with CSS:
CODE
h2.pseudo-legend {
float: left; /* shrinks H2 width to fit its text content */
font: 120% sans-serif;
margin: 0 0 -0.6em 0.3em; /* negative bottom margin pulls up the P element beneath the H2 */
padding: 0 0.2em;
color: #000;
background: #fff;
}
p.pseudo-fieldset {
clear: both;
border: 2px solid #000;
margin: 0;
padding: 1em;
}
<h2 class="pseudo-legend">TEXT HERE</h2>
<p class="pseudo-fieldset">
and here and here and here and here and here and here and here and here and here and here
and here and here and here and here and here and here and here and here and here and here
</p>
float: left; /* shrinks H2 width to fit its text content */
font: 120% sans-serif;
margin: 0 0 -0.6em 0.3em; /* negative bottom margin pulls up the P element beneath the H2 */
padding: 0 0.2em;
color: #000;
background: #fff;
}
p.pseudo-fieldset {
clear: both;
border: 2px solid #000;
margin: 0;
padding: 1em;
}
<h2 class="pseudo-legend">TEXT HERE</h2>
<p class="pseudo-fieldset">
and here and here and here and here and here and here and here and here and here and here
and here and here and here and here and here and here and here and here and here and here
</p>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.