remove new line before div

Question

I have code like this

<p><span>On this day,<div class="underline-text">Sunday</div>,we, the undersigned:</span></p>

and my css

.underline-text {
    display: inline-block;
    border-bottom: 2px solid black;
    width: auto;
}

But my problem is when i run this code, is show like this :

On this day,

    `Sunday,we, the undersigned:`

What i need is like this :

`On this day,Sunday,we, the undersigned:`

How i do that way???? NOTE : I'm using bootstrap 3.

UPDATE : Works, i was stupid so i'm changing <div> to <span>. Thanks you all for the answer.

Why i got -2 vote??? Wat's wrong with my question??? I just asking simple question, and i kno i'm so stupid cause i'm using inline-block on span. But why i got minus for this???

Why are you using `display:inline-block;`? This is designed to fill the browser width — Dana, Jan 11 '17 at 02:54

score 1 · Accepted Answer · edited May 23 '17 at 10:29

1

Make this adjustment:

On this day, <span class="underline-text">Sunday</span>,we, the undersigned:

A div inside a p element is invalid HTML. The paragraph element closes before the div element begins.

Here's how the browser renders your code:

For a complete explanation of this behavior see: https://stackoverflow.com/a/41538733/3597276

edited May 23 '17 at 10:29

Community

1
1

answered Jan 11 '17 at 02:54

Michael Benjamin

346,931
104
581
701

score 0 · Answer 2 · edited May 23 '17 at 12:02

0

<p> or <span> tags can't contain block-level elements inside them. Most browsers will split it into 2 separate paragraphs. Check this answer: https://stackoverflow.com/a/5441670/6424295

Maybe try using a<div> instead of a paragraph and get rid of the <span> tags, as I don't think they're really doing anything.

edited May 23 '17 at 12:02

Community

1
1

answered Jan 11 '17 at 02:57

Emilio Venegas

546
5
22

score 0 · Answer 3 · answered Jan 11 '17 at 03:01

0

Yes. It should be like this:

.underline-text {
    display:inline-block;
    border-bottom: 2px solid black;
    width: auto;
}

<div>
<p>
     
     On this day,<span class="underline-text">Sunday</span>,we, the undersigned:
     
</p>
</div>

answered Jan 11 '17 at 03:01

ThinhLe

409
1
3
12

remove new line before div

3 Answers3