Display field value beside field label

By default, the field value is displayed under the field label. 

If you want to display the field value beside or on the same line as the field label, you can add the CSS code below to the field "Additional CSS" on the page  [wp-admin > Appearance > Customize > Additional CSS].

.um-profile.um-viewing .um-field {
        clear: both;
    }

    .um-profile.um-viewing  .um-field-label {
        border:none;
        padding-bottom: 0;
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

    .um-profile.um-viewing .um-field-label .um-clear {
        display: none;
        clear: none;
    }

    .um-profile.um-viewing .um-field-area {
        display: inline-block;
        float: left;
    }

Expected result:

Warning: We have created this code example to provide guidance and to make it easier for you to implement this code into your website. However, we are not able to provide any support when it comes to customizing the plugin. If you need help implementing this code, please hire a developer.