How to disable <br> tags inside <div> by css?

Issue

<br> won't let me to display 3 buttons inline, so i need to disable it inside div, and I can't just delete them, they are automatically there.

I have:

<div style="display:block">
<p>Some text</p>
<br>
<p>Some text</p>
<br>
</div>

and I want:

<div style="display:block">
Some text Some text
</div>

More info

I do not want to have mystyle.css file. Of course I know that way of disabling it.

I asked how to add to divs style this br { display: none; } if it is possible.

Solution:

1. It is not possible to remove just <p> tags without removing content inside.
2. It is not possible to hide <br> directly by divs style, so I make it this way:

<style type="text/css">
.mydiv {
display: block;
width: 100%;
height: 10px;
}
.mydiv br {
display: none;
}
</style>

<div class="mydiv">
Some text
Some text
</div>

http://jsfiddle.net/cGT4E/

Solution

You could alter your CSS to render them less obtrusively, e.g.

div p,
div br {
    display: inline;
}

http://jsfiddle.net/zG9Ax/

or - as my commenter points out:

div br {
    display: none;
}

but then to achieve the example of what you want, you'll need to trim the p down, so:

div br {
    display: none;
}
div p {
    padding: 0;
    margin: 0;
}

http://jsfiddle.net/zG9Ax/1

Answered By - Tim