Организация гиперссылок в столбцы

Question

Будьте предупреждены, что я новичок, так что это может быть простым вопросом для вас. В любом случае у меня есть 6 гиперссылок, которые я бы хотел разместить в двух вертикальных столбцах по три. Вам не нужно писать весь код, просто укажите мне в правильном направлении для наиболее эффективного маршрута, чтобы завершить это, спасибо! Изображение при условии

Answer 1

Вы можете иметь 2 неупорядоченный список внутри контейнера, а также использовать float, чтобы поместить его бок о бок, в качестве альтернативы вы можете также использовать display: inline-block;, но лучше придерживаться с поплавками, как этот

Demo

HTML

<div class="wrap"> 
    <ul> 
     <li><a href="#">one</a></li> 
     <li><a href="#">two</a></li> 
     <li><a href="#">three</a></li> 
    </ul> 
    <ul> 
     <li><a href="#">one</a></li> 
     <li><a href="#">two</a></li> 
     <li><a href="#">three</a></li> 
    </ul> 
</div> 

CSS

.wrap { 
    overflow: hidden; 
} 

.wrap ul { 
    float: left; 
    margin-right: 50px; 
} 

Answer 2

Ther является Improvment из Mr.Alien кода:

.wrap { 
    overflow: hidden; 
} 

.wrap ul { 
    float: left; 
    margin-left: 50px; 
} 
.wrap ul:first-child { 
    margin-left: 0; 
}