Ajouter une image

by Michel Piallier

HTML

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet ipsum auctor, pretium diam quis, rutrum lacus. Proin lobortis euismod nunc quis commodo. Curabitur eget sem sapien. Praesent porttitor pharetra tincidunt. Vestibulum enim dui, efficitur quis hendrerit non, luctus in sem. Mauris fringilla gravida est in sodales. 
</p>

<!-- Mettre une image avant 
ou après un élément -->
<div id="ma_div">Ajouter une image avant ou après un élément</div>

CSS

p::first-letter{color:red;}
p::first-line{color:blue;}

#ma_div {
	margin-left:60px;
}
#ma_div:before{ 
content:url("http://michelpiallier.info/blog/wp-content/uploads/2016/11/arrow-left-red-e1478532769723.png") ;
    position:relative; 
    left:-20px;
}  
#ma_div:after{ 
content:url("http://michelpiallier.info/blog/wp-content/uploads/2016/11/arrow-right-blue-e1478532740421.png") ;
    position:relative; 
    left:30px;
}