Как отключить теги внутри <div> css?

<br> не позволит мне отображать 3 встроенных кнопки, поэтому мне нужно отключить его внутри div, и я не могу просто удалить их, они автоматически там.

У меня есть:

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

и я хочу:

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

Дополнительная информация

Я не хочу иметь файл mystyle.css. Конечно, я знаю, как отключить его.

Я спросил, как добавить в divs стиль br { display: none; }, если это возможно.

Решение:

Невозможно удалить только теги <p>, не удаляя содержимое внутри.
Невозможно скрыть <br> напрямую с помощью стиля divs, поэтому я делаю это следующим образом:

<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/

Ответы

Ответ 1

Вы можете изменить свой CSS, чтобы сделать их менее навязчивыми, например.

div p,
div br {
    display: inline;
}

http://jsfiddle.net/zG9Ax/

или - как указывает мой комментатор:

div br {
    display: none;
}

но затем для достижения примера того, что вы хотите, вам нужно обрезать p вниз, так что:

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

http://jsfiddle.net/zG9Ax/1