Nanto Posted September 7, 2011 Report Share Posted September 7, 2011 Собственно всё понятно из картинки...Что-то затупил - никак не могу придумать решение.Хотелось бы на чистом css. Quote Link to comment Share on other sites More sharing options...
0 Vlad Posted September 7, 2011 Report Share Posted September 7, 2011 Два решения у меня есть. Это первое, не лишено недостатков.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Обтекание</title> <style> .img { float: left; margin: 0 10px 10px 0; } .text { width: 900px; float: left; } </style> </head> <body> <img src="images/figure.jpg" alt="" class="img"> <p class="text">Винни-Пух был всегда не прочь немного подкрепиться, в особенности часов в одиннадцать утра, потому что в это время завтрак уже давно окончился, а обед еще и не думал начинаться. И, конечно, он страшно обрадовался, увидев, что Кролик достает чашки и тарелки.</p> </body></html>Вот второе, изящнее сделано, но работает не во всех браузерах.<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Обтекание</title> <style> .img { float: left; margin: 0 10px 10px 0; } @media screen and (max-width: 1000px) { .text { clear: left; } } </style> </head> <body> <img src="images/figure.jpg" alt="" class="img"> <p class="text">Винни-Пух был всегда не прочь немного подкрепиться, в особенности часов в одиннадцать утра, потому что в это время завтрак уже давно окончился, а обед еще и не думал начинаться. И, конечно, он страшно обрадовался, увидев, что Кролик достает чашки и тарелки.</p> </body></html> Quote Link to comment Share on other sites More sharing options...
0 Nanto Posted September 7, 2011 Author Report Share Posted September 7, 2011 Спасибо!Работает... А то я тут уж грешным делом пробовал через img{float:left} и длину через "text:first-line{min-width:..}" (и все равно не срабатывало) Quote Link to comment Share on other sites More sharing options...
Question
Nanto
Собственно всё понятно из картинки...
Что-то затупил - никак не могу придумать решение.
Хотелось бы на чистом css.
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.