image - specifics for css layout -

-

i'm attempting have text flow around images in following fashion: desired-layout.jpg

eg, images in 2 columns, 1 image in "center" column , number of them in right column. tried "floating boxes" via display:inline-block; , tried table-like config using display:table/display:table-cell, unable provide correct (changing) width text on left.

(the apparent alignment of 2nd parag of text bottom of center image not necessary.)

appreciation assistance!

here's demo using float - accomplish want?

.column {    float: right;  }    .column img {    clear: both;    float: right;    margin: 5px;  }
<div class="column">    <img src="http://via.placeholder.com/100x100" />    <img src="http://via.placeholder.com/100x100" />    <img src="http://via.placeholder.com/100x100" />  </div>    <div class="column">    <img src="http://via.placeholder.com/200x200" />  </div>    <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. curabitur et velit laoreet, volutpat urna venenatis, porttitor ligula. ut nulla ipsum, pulvinar et metus sed, luctus volutpat velit. nam consectetur diam eget dui rutrum imperdiet. sed ornare tempor    lorem. cras sed neque fermentum, porttitor tortor eget, efficitur ligula. maecenas laoreet dignissim arcu vitae semper. suspendisse ac elementum ipsum, eu convallis urna. etiam interdum, leo et molestie aliquam, turpis augue mattis neque, pharetra    diam orci nec augue. aliquam id nisl massa rhoncus mollis. suspendisse et ex sit amet mi consequat efficitur. nulla @ turpis nec ante eleifend consequat. nulla in molestie magna.</p>  <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. curabitur et velit laoreet, volutpat urna venenatis, porttitor ligula. ut nulla ipsum, pulvinar et metus sed, luctus volutpat velit. nam consectetur diam eget dui rutrum imperdiet. sed ornare tempor    lorem. cras sed neque fermentum, porttitor tortor eget, efficitur ligula. maecenas laoreet dignissim arcu vitae semper. suspendisse ac elementum ipsum, eu convallis urna. etiam interdum, leo et molestie aliquam, turpis augue mattis neque, pharetra    diam orci nec augue. aliquam id nisl massa rhoncus mollis. suspendisse et ex sit amet mi consequat efficitur. nulla @ turpis nec ante eleifend consequat. nulla in molestie magna.</p>  <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. curabitur et velit laoreet, volutpat urna venenatis, porttitor ligula. ut nulla ipsum, pulvinar et metus sed, luctus volutpat velit. nam consectetur diam eget dui rutrum imperdiet. sed ornare tempor    lorem. cras sed neque fermentum, porttitor tortor eget, efficitur ligula. maecenas laoreet dignissim arcu vitae semper. suspendisse ac elementum ipsum, eu convallis urna. etiam interdum, leo et molestie aliquam, turpis augue mattis neque, pharetra    diam orci nec augue. aliquam id nisl massa rhoncus mollis. suspendisse et ex sit amet mi consequat efficitur. nulla @ turpis nec ante eleifend consequat. nulla in molestie magna.</p>


Comments

Post a Comment

Popular posts from this blog

ZeroMQ on Windows, with Qt Creator -

-
i have installed zmq link given below on windows 7. http://zeromq.org/distro:microsoft-windows 1) have c++ project in qt-creator , i'm using zmq c++ binding (zhelpers.hpp etc). 2) have added .lib installed zmq folder qtcreator 3) while compiling, compiler looks _imp__zmq_verion, in .dll files present in .lib have __imp_zmq_version. 4) causing undefined reference zmq_version. anyone else faced problem , has solution ?
Read more

unity3d - Unity SceneManager.LoadScene quits application -

-
i have 2 different scenes 1 named 'main' , other 'game' both added scenes in load. when use scenemanager.loadscene("game"); works no problem when tried return main scene code if (input.getkeydown (keycode.escape)) { scenemanager.loadscene("main"); } strangely game quits. thanks. sorry interruption. somewhere on other script found code. if (input.getkeydown (keycode.escape)) { application.quit (); } that's bad, know...
Read more

python - Error while using APScheduler: 'NoneType' object has no attribute 'now' -

-
i have python app hosting on heroku. use apscheduler call function every day @ time. strange thing 1 time function runs after while have following error log: exception in thread apscheduler (most raised during interpreter shutdown): 2017-09-06t15:03:28.347848+00:00 app[web.1]: traceback (most recent call last): 2017-09-06t15:03:28.347858+00:00 app[web.1]: file "/app/.heroku/python/lib/python2.7/threading.py", line 810, in __bootstrap_inner 2017-09-06t15:03:28.347859+00:00 app[web.1]: file "/app/.heroku/python/lib/python2.7/threading.py", line 763, in run 2017-09-06t15:03:28.347861+00:00 app[web.1]: file "/app/.heroku/python/lib/python2.7/site-packages/apscheduler/schedulers/blocking.py", line 27, in _main_loop 2017-09-06t15:03:28.348167+00:00 app[web.1]: <type 'exceptions.attributeerror'>: 'nonetype' object has no attribute 'now' any guesses? the full code long here key parts: def startdayauto(): global ...
Read more