Align new image with text preview

1

I am new to hugo, I would be appreciated on my first steps.

I am trying to align the preview image with a summary. code of preview.html:

<article class="post-preview">
  <a href="{{ .Permalink }}">
      <h2 class="post-title">{{ .Title }}</h2>
  </a>
  <div class="post-entry">
    {{ if .Truncated }}
      <img width="50" height="50" src="{{ with .Params.image }}{{ . }}{{ end }}"/>
      <p>{{ .Summary }}</p>
        <a href="{{ .Permalink }}" class="post-read-more">{{ i18n "read-more" }}</a>
    {{ end }}
  </div>

  <div class="postmeta">
    {{ partial "postmeta.html" . }}
  </div>
</article>

Снимок экрана 2020-09-23 в 1.57.58
Снимок экрана 2020-09-23 в 1.57.581842×770 73.5 KB

How to align text and image with the same height:

Thanks

2

Hi there,

That’s a CSS question, not a Hugo question, which is outside the scope of this forum.