Buenas buenas buenas,
Estoy dandole a esto del HTML y CSS publique un post anterior explicando mis frustraciones y hoy sigo practicando.
Estoy tratando de hacer el siguiente header me he bajado un monto de psd para practicar y este me pareció el mas sencillo.
Estoy intentando posicionar los elementos pero no logro hacer que queden como el psd dejo el codigo:
Código HTML:
<body>
<header>
<div class="head-content">
<h1>This is a Title</h1>
<h3>This is an awesome headline</h3>
<hr>
<section class="autor-segment">
<p class="pautor">WRITTEN BY</p>
<p class="autor">Arthur GUILLERMIN HAZAN <span><img src="images/autor-image.png" alt=""></span></p>
</section>
<ul class="icons">
<li>
<a href=""><img src="images/start.png" alt=""></a>
</li>
<li>
<a href=""><img src="images/corazon.png" alt=""></a>
</li>
<li>
<a href=""><img src="images/figura.png" alt=""></a>
</li>
</ul>
</div>
</header>