12/13 参考になった記事まとめと振り返り

blog.mismithportfolio.com

埋め込み記事表示の設計を、会社の先輩に教えていただいて、やってみました!

 <div style="padding: 20px; border: 1px solid #ddd;">
<div style="width: 60%; float: left;">
<p><a href="" target="_blank"><strong>見出し</strong></a></p>
<p style="font-size: 80%;">説明文...</p>
</div>
<div style="width: 35%; height: 250px; float: right; position: relative;">
<a href=""><img alt="" class="" src=" style="position:absolute; display: block; bottom:0; left:0; right:0; top:0; margin:auto;" /></a>
</div>
<div style="clear:both;">&nbsp;</div>
</div>

 

floatはじめて使いました!画像の上下中央位置が難しく、heightを指定してみてと会社の先輩に教えていただいたので、やってみたところ、無事!!!

久々に勉強?しました。週末もっとがんばります。