مشکل این کد html چیست؟ چگونه وسط چین می شود؟

[m2n]

این روش کد ها بیشتر میشه و یکم پیچیده تر میشه
واقعا این روش استاندارد تر هست؟

نه ماله شما استاندارد هست نه ماله من.
استایل نباید مستقیم روی تگ تعریف بشه بهترین راه حل و استاندارد بودن تعریف کلاس می باشد یعنی مشا یک عدد کلاس تعریف می کنید هر سه تگ شمارو پوشش میده:


استایل شما:

.my {
display:inline-block;
float:right;
}
.title{
display:block; 
float:right; 
line-height:35px;
} 

کد شما:

<div class="my"><img src="http://seyedrezabazyar.com/istikharah/yes.png"></div>
<div class="title">
  <h1>عنوان مطلب</h1>
  <h2>زیر عنوان</h2>
</div> 

اینم مدل حرفه ای تر دوتای بالا:

.my {
    display: inline-block;
    overflow: hidden;
    float: right;
    }

.my img{
    display: inline-block;
    float: right;
    } 

<div class="my"> <img src="http://seyedrezabazyar.com/istikharah/yes.png"></div>
<h1>عنوان مطلب</h1>
<h2>زیر عنوان</h2>
</div>