а после абзаца мне захотелось добавить пустую строку, то куда вставить
: внуть контейнера

Результат у меня в броузере, вроде бы, один и тот же, но как правильно?
Мне тут, конечно, пришло в голову, что можно не выпендриваться и отформатировать абзац с помощью тега

Результат будет как раз такой, как я хочу, но мне все-таки интересно узнать, куда же по правилам надо вставлять этот проклятый "бээр" и можно ли про него сказать, что он - контейнер строчного типа, а потому должен быть расположен внутри контейнера блочного типа, то есть

Но все-таки, как же добиться такой конструкции:

Прежде чем Кейсу удалось найти палатку, где торговали едой, пришлось сделать вокруг здания почти полный круг.

Если средний абзац форматировать с помощью контейнера

То перед ним будет пустая строка, которая мне не нужна. Для моего броузера кострукция

С точки зрения теории (а в этом разделе мы говорим о теории, а о практике лишь постольку поскольку), так вот, с точки зрения теории в HTML пустых строк не бывает. Вообще! Строка - это комбинация линейно расположенных символов; нет символов - и строки не может быть. Поэтому-то аргумент

> Несколько странно, что после

Идём дальше. У нас есть такая прекрасная вещь, как стилевое оформление документов, и определив для нашего абзаца margin:0px, мы получим именно то, что нужно — нулевой отступ между абзацами. (сразу прошу прощения за избыточный объём, но для наглядности мне пришлось использовать несколько абзацев. Скопируйте пример в html-страницу и просмотрите)

Прежде чем Кейсу удалось найти палатку, где торговали едой, пришлось сделать вокруг здания почти полный круг. Он купил якитори на вертелах и две высокие вощеные картонки пива. Бросив взгляд вверх, на голограммы, он обнаружил, что грудь одной из фигур уже заливает кровь. Густой коричневый соус стекал с вертелов и капал у Кейса с пальцев.

Башни ее и поля, разбросанные в бесцветном псевдопространстве
симуляционной матрицы - всего лишь электронная видимость, облегчающая
процесс управления и обмен огромными объемами данных. Законным
программистам дела нет до тех стен из льда, позади которых они работают,
стен тьмы, которые скрывают их операции от других - артистов
индустриального шпионажа и деловых ребят вроде Бобби Квинна.

Бобби был ковбоем. Он был хакером, вором-взломщиком, потрошившим
разветвленную электронную нервную систему человечества. Он присваивал
информацию и кредиты в переполненной матрице, монохромном
псевдопространстве, где, как редкие звезды во тьме, светились плотные
сгустки данных, мерцали галактики корпораций и отсвечивали холодным
блеском спирали военных систем.

Бобби был одним из тех потерявшихся во времени лиц, которых всегда
застанешь за выпивкой в "Джентльмене-Неудачнике", популярном в городе
баре, пристанище для электронных ковбоев, дельцов и прочих ребят, хоть
каким-то боком связанных с кибернетикой.

Мы были партнерами.

Замечание в тему: если использовать предыдущий, „неверный“ вариант, то отступ между строками иногда хочется сделать меньше или больше одного
. В этом случае используется распорка, которая и обеспечит иллюзию половинного или полуторного интервала.

Раз уж зашла речь о "теории", то замечу, что в подобная конструкция противоречит правилам русского языка (и не только русского). Поэтому, уподобляясь остальным “теоретикам” предложу: "Прежде чем думать о верстке, убедитесь, что это не протеворечит правилам "человеческого" языка". :)

Гениальная мысль - текст представить в виде графики.
И все те проблемы будут решены.
Другая мысль - попробовать в SVG.
Третья - какого..... до сих пор никто не проработал управление переносами в словах?
В CSS2 какое-то подобие заложили, да что толку....

Управление переносами крайне проблематично. Для автоматической расстановки переносов браузер должен знать правила грамматики соответствующего языка, что в функции браузера не входит и в принципе входить не должно. Остаются "мягкие" переносы, "зашитые" в сам текст. Для этого уже есть символ - , который, правда, пока не всеми браузерами понимается. О расстановке "мягких" переносов должен заботиться автор/редактор текста, или его можно поручить серверу, "знающему" правила расстановки переносов.

Краткая информация

Версии CSS

Описание

Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб-странице как один. Исключением является тег

Помещенный в этот контейнер текст выводится со всеми пробелами, как он был отформатирован
 пользователем. Таким образом, white-space
 имитирует
 работу тега 
Но в отличие от него не меняет шрифт
 на моноширинный.

Синтаксис
white-space: normal | nowrap | pre | pre-line | pre-wrap | inherit
Значения
 normal
 Текст в окне браузера выводится как обычно, переносы строк устанавливаются
 автоматически.
 nowrap
 Пробелы не учитываются, переносы строк в коде HTML игнорируются, весь текст отображается одной строкой;
 вместе с тем, добавление тега 

 переносит текст
 на новую строку.
 pre
 Текст показывается с учетом всех пробелов и переносов, как они были добавлены
 разработчиком в коде HTML.
 Если строка получается слишком длинной и не помещается в окне браузера, то будет добавлена горизонтальная полоса прокрутки.
 pre-line
 В тексте пробелы не учитываются, текст автоматически переносится на следующую строку, если он не помещается в заданную область.
 pre-wrap
 В тексте сохраняются все пробелы и переносы, однако если строка по ширине не помещается в заданную область, то текст автоматически будет перенесен на следующую строку.
 inherit
 Наследует значение родителя.
Действие значений на текст представлено в табл. 1.
HTML5
CSS2.1
IE
Cr
Op
Sa
Fx

 

 
 
 
 
 
 
 
Пример
 

 
 
 Великая теорема Ферма

 X n
 + Y n =
 Z n

 где n - целое число > 2
 
 
 
 

Результат данного примера показан на рис. 1.
Рис. 1. Применение свойства white-space
Объектная модель
document.getElementById("elementID
").style.whiteSpace
Браузеры
Браузер Internet Explorer до версии 7.0 включительно не поддерживает значения pre-line
, pre-wrap
 и inherit
. Для </p>
<p>Opera до версии 9.5 не поддерживает значение pre-line
. Для <textarea>
 значения normal
 и pre
 ведут себя как pre-wrap
, а значение nowrap
 ведет себя как pre-line
.</p>
<p>Safari до версии 3.0 и iOS не поддерживают значения pre-wrap
 и pre-line
.</p>
<p>Firefox до версии 2.0 включительно не поддерживает значения pre-line
 и pre-wrap
. Для <textarea>
 значения normal
, nowrap
, и pre
 воспринимаются как pre-wrap
.</p>

<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
	escape(document.referrer)+((typeof(screen)=="undefined")?"":
	";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
	screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
	";"+Math.random()+
	"border='0' width='1' height='1' loading=lazy>");</script>
</div> </article></section><div id="yandex_rtb_R-A-242532-1"></div>



 <div class="decom_dop_bloc"><a name="comments"></a></div></main>

<aside class="sidebar">
    <div class="top">
        <p>
            <script id="custom-block-92677863" type="text/javascript">
                custom_block(17, 92677863, 5896);
            </script>
        </p>
        <div class="top__headline"><span>ТОП-5 лучших статей</span></div>
        <div class="tabs">
                             <div class="top-item">
                    <div class="top-item__image"><img src="/uploads/74073db1b5b36c943398e1a9abcf1c7c.jpg" width="88" height="58" alt="Гид по смайликам: как в них разобраться и не попасть в неловкое положение Мои смайлики" / loading=lazy></div>
                    <div class="top-item__title"><a href="/gid-po-smailikam-kak-v-nih-razobratsya-i-ne-popast-v-nelovkoe.html">Гид по смайликам: как в них разобраться и не попасть в неловкое положение Мои смайлики</a></div>
                    <p>В этом посте представлены картинки смайлики... ...</p>

                </div>
                             <div class="top-item">
                    <div class="top-item__image"><img src="/uploads/fef9072690dd982250a01d3c3d87949d.jpg" width="88" height="58" alt="Как изменить цвет объекта на фото в фотошопе" / loading=lazy></div>
                    <div class="top-item__title"><a href="/kak-izmenit-ottenok-v-fotoshope-kak-izmenit-cvet-obekta-na-foto-v-fotoshope.html">Как изменить цвет объекта на фото в фотошопе</a></div>
                    <p>11.02.2015 27.01.2018

В этом уроке я подробно... ...</p>

                </div>
                             <div class="top-item">
                    <div class="top-item__image"><img src="/uploads/ccb59a4d98ddb26de3e8bdff689de798.jpg" width="88" height="58" alt="Как в Android узнать версию прошивки и зачем это нужно Как проверить какая прошивка установлена на смартфоне" / loading=lazy></div>
                    <div class="top-item__title"><a href="/kak-opredelit-versiyu-proshivki-android-kak-v-android-uznat-versiyu-proshivki-i-zachem.html">Как в Android узнать версию прошивки и зачем это нужно Как проверить какая прошивка установлена на смартфоне</a></div>
                    <p>Android телефоны и планшеты не всегда... ...</p>

                </div>
                             <div class="top-item">
                    <div class="top-item__image"><img src="/uploads/1eb3fdb273b29923bca325535d72e6e9.jpg" width="88" height="58" alt="Обзор телефона Samsung S5610: удачный моноблок Функции телефона самсунг gt s5610" / loading=lazy></div>
                    <div class="top-item__title"><a href="/obzor-telefona-samsung-s5610-udachnyi-monoblok-obzor-telefona-samsung-s5610.html">Обзор телефона Samsung S5610: удачный моноблок Функции телефона самсунг gt s5610</a></div>
                    <p>Содержание:
Мода на сенсорные устройства... ...</p>

                </div>
                             <div class="top-item">
                    <div class="top-item__image"><img src="/uploads/6090316bfa46e5b23062c8e79b0a4ebc.jpg" width="88" height="58" alt="Как правильно вести документацию школьной библиотеки?" / loading=lazy></div>
                    <div class="top-item__title"><a href="/fgos-v-biblioteke-shkoly-kak-pravilno-vesti-dokumentaciyu-shkolnoi.html">Как правильно вести документацию школьной библиотеки?</a></div>
                    <p>Л. А. Борисова руководитель отдела культуры ПО... ...</p>

                </div>
            
            
            
            
            
        </div>
        <div id="mywidget-recommendations-3">
            
        </div>
    </div>
    <div class="top">
    <p>
        <script id="custom-block-92677863" type="text/javascript">
            custom_block(17, 92677863, 5896);
        </script>
    </p>
    <div class="top__headline"><span>Новые статьи</span></div>
    <div class="tabs">
                     <div class="top-item">
                <div class="top-item__image"><img src="/uploads/892bd6f1ec9b4fe106a34333ae5b586b.jpg" width="88" height="58" alt="Новинка - лучший мультимедийный ресивер в своем ценовом диапазоне U2C Denys H" / loading=lazy></div>
                <div class="top-item__title"><a href="/cifrovoi-sputnikovyi-hd-resiver-u2c-s-maxi-novinka---luchshii-multimediinyi-resiver-v-svoem-cenovom.html">Новинка - лучший мультимедийный ресивер в своем ценовом диапазоне U2C Denys H</a></div>
                <p>31.01.2018
 Full HD DVB-S2/IPTV/OTT/STALKER/WEB... ...</p>

            </div>
                     <div class="top-item">
                <div class="top-item__image"><img src="/uploads/74e8dd8763dc61a61702d1a50601a87d.jpg" width="88" height="58" alt="Подробная инструкция как сделать мем из фото самостоятельно" / loading=lazy></div>
                <div class="top-item__title"><a href="/kak-delat-memy-onlain-podrobnaya-instrukciya-kak-sdelat-mem-iz-foto.html">Подробная инструкция как сделать мем из фото самостоятельно</a></div>
                <p>Узнайте, как делать мемы прямо сейчас с онлайн... ...</p>

            </div>
                     <div class="top-item">
                <div class="top-item__image"><img src="/uploads/54ed523fa3c06a8ed663cddfe7464723.jpg" width="88" height="58" alt="Что такое расширение файла DAE?" / loading=lazy></div>
                <div class="top-item__title"><a href="/rasshirenie-faila-dae-chto-takoe-rasshirenie-faila-dae-programmy-dlya.html">Что такое расширение файла DAE?</a></div>
                <p>У вас есть проблема с открытием.DAE-файлов? Мы... ...</p>

            </div>
                     <div class="top-item">
                <div class="top-item__image"><img src="/uploads/e95fc8f043488e2db34126670420ed55.jpg" width="88" height="58" alt="Ошибка «указанная учетная запись уже существует»: Пошаговое решение Установка 1с указанная учетная запись уже существует" / loading=lazy></div>
                <div class="top-item__title"><a href="/oshibka-ukazannaya-uchetnaya-zapis-uzhe-sushchestvuet-poshagovoe-reshenie.html">Ошибка «указанная учетная запись уже существует»: Пошаговое решение Установка 1с указанная учетная запись уже существует</a></div>
                <p>Выполнение пакета wix из пакета выводит "ошибка... ...</p>

            </div>
                     <div class="top-item">
                <div class="top-item__image"><img src="/uploads/f3e16934adc3f3be678316c0c336b7e8.jpg" width="88" height="58" alt="Самодельные поисковые маячки для моделей Радиомаячок для поиска" / loading=lazy></div>
                <div class="top-item__title"><a href="/mayachok-dlya-koshki-chtoby-nikto-ne-poteryalsya-samodelnye.html">Самодельные поисковые маячки для моделей Радиомаячок для поиска</a></div>
                <p>Быстрая доставка: отправка товара со складов в... ...</p>

            </div>
        
        
        
        
        
    </div>
    <div id="mywidget-recommendations-3">
        
    </div>
</div>

</aside>

</div>

<footer class="footer"><div class="footer__copyright">
    <p>© 2024 asgard-gaming.ru</p>
    
    <div class="footer__sogl">
    </div> 
    
</div><div class="footer__counters" id="text-2"><div class="textwidget">



</div></div><span style="display: none;"></span></footer>

</div></div><script type='text/javascript' src='https://asgard-gaming.ru/wp-content/plugins/decomments/templates/decomments/assets/js/decom.min.js?ver=1499187887'></script><script type='text/javascript' src='https://asgard-gaming.ru/wp-content/plugins/wp-postratings/js/postratings-js.js?ver=1.85'></script><script type='text/javascript'>var q2w3_sidebar_options = new Array();
q2w3_sidebar_options[0] = { "sidebar" : "sidebar-2", "margin_top" : 20, "margin_bottom" : 260, "stop_id" : "", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['mywidget-recommendations-3'] } ;
</script><script type='text/javascript' src='https://asgard-gaming.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script><script type='text/javascript' src='https://asgard-gaming.ru/wp-content/themes/mobi/js/scripts.js'></script><script type='text/javascript' src='/wp-includes/js/comment-reply.min.js?ver=4.9.1'></script><script type='text/javascript'>/* <![CDATA[ */
var thickboxL10n = { "next":"\u0414\u0430\u043b\u0435\u0435 \u2192","prev":"\u2190 \u041d\u0430\u0437\u0430\u0434","image":"\u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435","of":"\u0438\u0437","close":"\u0417\u0430\u043a\u0440\u044b\u0442\u044c","noiframes":"\u042d\u0442\u0430 \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0438\u0445 \u0444\u0440\u0435\u0439\u043c\u043e\u0432. \u0423 \u0432\u0430\u0441 \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u044b \u0442\u0435\u0433\u0438 iframe, \u043b\u0438\u0431\u043e \u0432\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u0438\u0445 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442.","loadingAnimation":"https:\/\/asgard-gaming.ru\/wp-includes\/js\/thickbox\/loadingAnimation.gif"} ;
/* ]]> */
</script><script type='text/javascript' src='/wp-includes/js/thickbox/thickbox.js?ver=3.1-20121105'></script><script data-cfasync='false'>/*! loadCSS. [c]2017 Filament Group, Inc. MIT License */
!function(a){ "use strict";var b=function(b,c,d){ function e(a){ return h.body?a():void setTimeout(function(){ e(a)} )} function f(){ i.addEventListener&&i.removeEventListener("load",f),i.media=d||"all"} var g,h=a.document,i=h.createElement("link");if(c)g=c;else{ var j=(h.body||h.getElementsByTagName("head")[0]).childNodes;g=j[j.length-1]} var k=h.styleSheets;i.rel="stylesheet",i.href=b,i.media="only x",e(function(){ g.parentNode.insertBefore(i,c?g:g.nextSibling)} );var l=function(a){ for(var b=i.href,c=k.length;c--;)if(k[c].href===b)return a();setTimeout(function(){ l(a)} )} ;return i.addEventListener&&i.addEventListener("load",f),i.onloadcssdefined=l,l(f),i} ;"undefined"!=typeof exports?exports.loadCSS=b:a.loadCSS=b} ("undefined"!=typeof global?global:this);
/*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */
!function(a){ if(a.loadCSS){ var b=loadCSS.relpreload={ };if(b.support=function(){ try{ return a.document.createElement("link").relList.supports("preload")} catch(b){ return!1} },b.poly=function(){ for(var b=a.document.getElementsByTagName("link"),c=0;c<b.length;c++){ var d=b[c];"preload"===d.rel&&"style"===d.getAttribute("as")&&(a.loadCSS(d.href,d,d.getAttribute("media")),d.rel=null)} },!b.support()){ b.poly();var c=a.setInterval(b.poly,300);a.addEventListener&&a.addEventListener("load",function(){ b.poly(),a.clearInterval(c)} ),a.attachEvent&&a.attachEvent("onload",function(){ a.clearInterval(c)} )} }} (this);</script></body></html>