Имеют max-width:33%; max-height:2.5in Требуется поле вправо = 33% - фактическая ширина изображения на экране + .5em Пользователь хочет равномерности - изображение на левом тексте справа всегда одинаковой ширины
, пытался использовать calc(), ноне знаю, как указать фактическую ширину изображения. Проблема в том, что html скопирован (включен). В противном случае я мог бы сделать
BlkL {display:block; width:33%; float left}
BlkR {display:block; width:66%; float right}
...
<div style='clear:both'>
<BlkL><img ...></BlkL><BlkR>... some text ...<BlkR>
</div>
Мне также лень использовать JAVASCRIPT для вычисления всех полей во время загрузки (этомог бы быть грязным).
В секции у меня есть
Blk {display:block; border-bottom:thin solid DarkBlue; font-family:New Times Roman; text-align:justify; font-size:14pt; padding-right:3px; font-weight:bold; clear:both}
Blk img {float:left;max-width:33%;max-height:2.5in;margin-right:.5em}
Живой пример из скопированного / включенного кода:
<a href='https://www.usatoday.com/story/news/politics/onpolitics/2019/05/25/jon-voight-says-trump-greatest-president-since-abraham-lincoln/1234123001/?fbclid=IwAR1Om7A3QFKdai2KFUiwrPHLTbl_mdfmrwVlkMHx9SpxX_2bUdzPJCSKJcE' target=_blank><Blk><img src='https://www.gannett-cdn.com/presto/2019/01/03/USAT/35e6e01e-0829-482d-b3da-fd5caf8ac2e7-GTY_904690384.JPG' alt='Post'>On Friday night, the actor Jon Voight released a two-partvideo on Twitter calling President Donald Trump "the greatest president since Abraham Lincoln. #AmericanFreedomPressAlliance #USAToday #JonVoight #PresidentTrump</Blk></a>
Желаемые результаты: изображение выровнено по левому краю в первой 1/3блока и текста в правой 2/3 блока с минимальным разделением .5em Фактические результаты: изображение выровнено по левому краю, но не шире, чем 1/3 блока, с текстом справа от изображения.