JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://yunikki.com/wp-content/themes/simplicity-child/style.css">
<div class="article">
<h1 class="entry-title">授乳中乳頭に白い点を発見!白斑が痛い時の対処と飲んでくれないときは?</h1>
</div>
<div class="article">
<h1 class="entry-title">授乳中乳頭に白い点を発見!白斑が痛い時の対処と飲んでくれないときは?白斑が痛い時の対処と飲んでくれないときは?白斑が痛い時の対処と飲んでくれないときは?</h1>
</div>
<div class="article">
<h1 class="entry-title">授乳中乳頭に白い点を発見!</h1>
</div>
CSS
.article h1::before {
display: none;
}
.article h1 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
border: 1px solid #000;
padding-left: 0;
align-items: center;
}
.article h1 img {
display: block;
}
.article h1 span {
display: block;
margin-left: 4px;
flex: 1;
}
JavaScript
(function($){
$(function(){
/*var h1_text = $(".article h1").text();
$(".article h1").html("<span>"+h1_text+"</span>");
$(".article h1").prepend("<img src='http://yunikki.com/wp-content/uploads/2015/10/h1-e1445990470486.png'>");*/
$(".article h1").each(function(){
var h1_text = $(this).text();
$(this)
.html("<span>"+h1_text+"</span>")
.prepend("<img src='http://yunikki.com/wp-content/uploads/2015/10/h1-e1445990470486.png'/>");
});
});
})(jQuery);