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

[سیدرضا بازیار]

<div style="display:inline-block; float:right;"><img src="http://seyedrezabazyar.com/istikharah/yes.png"></div>
<div style="display:block; float:right; line-height:35px;">
<h1>عنوان مطلب</h1>
<h2>زیر عنوان</h2>
</div> 

بجای br از line-height استفاده کنید

- - - Updated - - -

screenshot--2017-09-13-20-58-44.png

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

[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> 

[Shiraz_Host]

با سلام

این روش کاملا درست هستش ولی شما اینجا لینک رو اضافه نکردین!

شما باید فایل css خارجی رو به صفحه مورد نظر لینک بدین که به صورت زیر میشه

<link href="style.css" rel="stylesheet" type="text/css" > 

در بهترین حالت این هستش که در تگ head قرار بگیره