align site-logo / site-branding with two widgets (image and text) in Header

sorry for my english
I would like to align on the same line, site-logo and site-branding (already done), with header-widget where inside there are two widgets (.widget.inner-padding.widget_media_image - .widget.inner-padding.widget_text) how can I do? Thanks in advance

example
site-logo - site-branding - header-widget (.widget.inner-padding.widget_media_image - .widget.inner-padding.widget_text) Same line

.site-logo {
float: left;
margin-right: 20px;
}

.site-branding {
display: inline-block;
padding-top: 20px;
}

.header-widget {
width: 450px;
max-width: 100%;
display: inline-block;
}

.widget.inner-padding.widget_media_image {
?
}

.widget.inner-padding.widget_text {
?
}