Two components in the same line are not on the same horizontal line, how to adjust?

Two components in the same line are not on the same horizontal line, how to adjust?

As shown in the figure below, the LOGO made with the picture component is not on the same horizontal line as the website navigation, what should I do?



This fine-tuning can be adjusted with the component margin in the component editing style:

1. Put the mouse on the logo, the component name \"picture\" appears, put the mouse on the two words of picture, a row of small buttons appears on the right, click the second \"Edit Style\" button;



2. In the pop-up style editor dialog box, click the component margin and adjust the top margin in the inner margin until the logo and the website navigation are on the same horizontal line.



3. After adjustment, save it. Then click the \"Save\" button in the upper right corner of the page to save this operation in the background. Click the \"Publish\" button to publish to the front desk of the website.