How can move my blog content properly aligned

Question

As you can see below screenshot, my page content is too much aligned towards left, I want to move to 10 or 20px right.

When I use padding-left :10px, then the .content moves right and overlaps with the sidebar.

Blog url - qavalidation.com

Answer 1

You need to set padding for .entry instead of .content

.entry {
    font-size: 1.125em;
    line-height: 1.6em;
    padding-left: 20px;
}

Answer 2

You should add padding-left to .entry h4 or more padding to that element.

.post-title, .entry h4 {
font-weight: bold;
color: #568e90;
padding-left: 10px;
}

More padding to align with the bullet lists