html - How to place text around image which is pasted by :before? -
i making block image , text after layout not working. trying float:left , image still upper text. maybe not working because using flexbox mostly? here html: <div class="info info-1"> <p>lorem ipsum dolor sit amet, consectetur adipiscing elit. proin nisi ligula, dapibus volutpat sit amet, mattis et dui. nunc porttitor accumsan orci id luctus. phasellus ipsum metus, tincidunt non rhoncus id, dictum lectus. nam sed ipsum lacus sodales eleifend. vestibulum lorem felis, rhoncus elementum vestibulum eget, dictum ut velit. nullam venenatis, elit in suscipit imperdiet, orci purus posuere mauris, quis adipiscing ipsum urna ac quam.</p> </div> and css: .info { cursor: pointer; background: lightgrey; margin: 10px 15px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .info p { margin: 0px; font-weight: normal; font-size: 12px; } .info p:before { content: url("http://cs6043