Menu
Community /Pin to ProfileBookmark
@cootheadApr 09.2020 — #Hi there RaulRogojan,
do you have an aversion to the CSS property...
``
_coothead_@cootheadApr 09.2020 — #Hi there RaulRogojan,
in that case do it like this...
_coothead_
Border-bottom
I have a text and I want to add an underline under so I used border-bottom. But when I redimension the size of the window up the border it’s too long. I want it to be as long as the text.
I also tried this
`.title::after {
content: “”;
display: block;
width: 100%;
height: 3px;
background: #e60f86;
}
Sign in
to post a comment5 Comments(s) ↴
0
@cootheadApr 09.2020 — #Hi there RaulRogojan,do you have an aversion to the CSS property...
text-decoration: underline;``_coothead_
0
@cootheadApr 09.2020 — #Hi there RaulRogojan,in that case do it like this...
``<i>
</i><!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1">
<title>untitled document</title>
<!--<link rel="stylesheet" href="screen.css" media="screen">-->
<style media="screen">
body {
background-color: #f0f0f0;
font: normal 1em / 150% sans-serif;
}
#container {
padding: 1em;
margin: auto;
border: 1px solid #999;
background-color: #fff;
}
h1 {
font-size: 1.5em;
color: #444;
text-transform: capitalize;
text-align: center;
}
h1 span {
display: inline-block;
padding: 0.2em;
border-bottom: 0.2em solid #e60f86;
}
</style>
</head>
<body>
<div id="container">
<h1>
<span>border</span><span>under</span><span>text</span>
</h1>
</div>
</body>
</html><i>
</i>``_coothead_