вкратце, самый старый и проверенный способ, если надо сделать обтекание картинки: 1. картинке float:left 2. родительскому контейнеру overflow:hidden (чтобы очистить поток от float и чтобы ничего не вылезло за границы контейнера) 3. бордеры отодвигаем на нужное расстояние через padding (он для этого и предназначен)
overflow:hidden ещё схлопывание маржинов отменяет (когда оно не надо, конечно, а оно чаще всего не надо), да и это просто быстрее набрать, чем ::after, content:'';...
overflow:hidden ещё схлопывание маржинов отменяет (когда оно не надо, конечно, а оно чаще всего не надо), да и это просто быстрее набрать, чем ::after, content:'';...