CODEWITHSUNDEEP
cssline
Lofn
Lofn

Reputation: 940

CSS Line Breaking with Image

As we all know we use <br> to break the lines in websites... But I would like to have image as line breaker. Like example:

Here is some text and I will line break it like this ->
-* -* -* -* -* -* -* -* -* -* -*
and some more text here

How I can do it?

Upvotes: 1

Views: 1127

Answers (2)

Ashoka Murthy
Ashoka Murthy

Reputation: 1

As far as I know, a div element is a block element. Any block element always starts in a new line. So you can create an image that you want to come as the line breaker. Then you wrap it within a div tag, like this

<div><img src='YOUR_IMG.jpg' /></div>

This should work.

Upvotes: 0

James Donnelly
James Donnelly

Reputation: 128791

Give it a block display:

img {
  display: block;
}
Lorem ipsum <img src="https://placekitten.com/100/100" /> dolar sit amet

Upvotes: 1

Related Questions