How to make the image border below?

Asked

Viewed 62 times

1

I would like to make an edge like the image below, that comes out of the image and that is under the text Design Your Ring. inserir a descrição da imagem aqui

html css

  • Enter the source code you’ve already made.

  • That’s probably a border-bottom in the div that has the text Design Your Ring

  • A border-bottom: 1px solid rgba(190,190,190,.5); or a similar colour

1 answer

1

   *  {
	margin: 0px;
}

div {
	height: 300px;
    width: 300px;
    background-color: gray;
    float: left;
    text-align: center;
}

h1 {
	text-align: right;
}

hr {
	float: left;
	width: 300px;
    color: rgba(150,140,190,.5);
}
<!DOCTYPE html>
<html>
<head>
<style>


</style>
</head>
<body>

<div>Foto Aqui</div>
	<h1>Teste</h1><br>
<hr>

</body>
</html>

  • Thank you very much!!

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.