CSS-border не подкладка с изображением

Question

Я новичок в css и сделал несколько упражнений на таких сайтах, как академия кода, но теперь я экспериментирую с собственной страницей и не испытываю большого опыта.

Я знаю, что вы можете обернуть текст вокруг изображения, используя «float», но я хочу сохранить текст в прямой линии и границе. Однако граница и фон игнорируют положение изображения и бегут за ним. Каков наилучший способ разместить затем абзац и границу с изображением, чтобы граница остановилась против изображения? они не являются разделы, которые будут иметь отношение к этому:

img { 
    margin:5px; 
    float:right; } 
p { 
    background:white; 
    margin-left:40px; 
    margin-bottom:0px; 
    margin-right:0px; 
    font-family:veranda; 
    border:2px solid #045FB4; 
    padding:5px; } 

р и IMG теги имеют не стайлинг в примере раздела тела здесь: http://jimbob.webatu.com/
Любые другие советы в позиционировании будут оценены :)

Answer 1

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

p { 
    text-align: justify; 
}