Как выровнять виджет в центр экрана ⇐ Html

[Anonymous]

Я пытаюсь выравнивать этот виджет на своей веб -странице.var getJSON = function(url) {return new Promise(function(resolve, reject) {var xhr = new XMLHttpRequest();xhr.open("get", url, true);xhr.responseType = "json";xhr.onload = function() {var status = xhr.status;if (status == 200) {resolve(xhr.response);}else{reject(status);}};xhr.send();});};getJSON("https://www.wedmegood.com/api/v1/vendor ... r_id=19098").then(function(data){document.getElementById("profile-name").innerHTML = data.data.vendor_name;if(data.data.reviews_count == 1)document.getElementById("review-count").innerHTML = data.data.reviews_count + " Review";else
document.getElementById("review-count").innerHTML = data.data.reviews_count + " Reviews";var res = data.data.profile_pic_url.replace("%%", "270");document.getElementById("img-rep").src = res;}, function(status) {});p{font-family:proxima-nova;font-style: bold;}.img-circle{border-radius:50%;position:absolute;z-index: 1;height:70px;width:70px;left:20px;top:18px;}.box{position:relative;box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);height:150px;width:300px;}


View My Profile on WedMegood

< /code>
Но когда я помещаю это на свою веб -страницу, я не могу выравнивать его в центр. Это должно быть в той же вертикальной позиции, что и награды и и . Смотрите эту картинку -

Я помещаю код виджета в элемент HTML. Есть три столбца, и я помещаю виджет в середину -

Но ширина не совсем в центре. Как я могу решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/722 ... the-screen