html - 尝试在水平而非垂直方向内嵌带有标题的图像

Question

.col-xs-4{
    margin: auto;
    padding-left: 2em;
    text-align: left;
    display: inline-block;
    clear: both;
}

h1{
    text-align: center;
    font-weight: bold;
}

h3{
    color: #09423f;
}


p{
    color: black;
}


#works{
    max-width: 100%;
    height: auto;
    border: 0;
} 

<h1>HOW IT WORKS</h1>


<div class="row">
  <div class="col-xs-4">
        <img src="img/create.svg" class="img-responsive" id="works" alt="create">
        <h3><b>CREATE YOUR IDEAS</b></h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae purus nibh. Vestibulum vehicula vitae tellus non tincidunt. Aenean magna ipsum, ultricies ac ante non, maximus suscipit lectus. Donec tincidunt velit augue, in egestas est ultrices eget. Suspendisse commodo mi nulla, sed condimentum purus lobortis ut.</p>
        </div>
        
  
  <div class="col-xs-4">
    <img src="img/sell.svg" class="img-responsive" id="works" alt="sell">
        <h3><b>POST IT</b></h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae purus nibh. Vestibulum vehicula vitae tellus non tincidunt. Aenean magna ipsum, ultricies ac ante non, maximus suscipit lectus. Donec tincidunt velit augue, in egestas est ultrices eget. Suspendisse commodo mi nulla, sed condimentum purus lobortis ut </p>
        </div>
    
    
   <div class="col-xs-4">
    <img src="img/earn.svg" class="img-responsive" id="works" alt="earn">
    <h3><b>EARN IT</b></h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae purus nibh. Vestibulum vehicula vitae tellus non tincidunt. Aenean magna ipsum, ultricies ac ante non, maximus suscipit lectus. Donec tincidunt velit augue, in egestas est ultrices eget. Suspendisse commodo mi nulla, sed condimentum purus lobortis ut</p>
        </div>
        </div>

我想尝试将所有三张图片与标题对齐在一行中。我尝试 float: left 但所有三个都不起作用。我也尝试其他方式，但它保持不变。请帮我。你给我正确的答案我会点击绿色勾号。

Answer 1

添加这个

.col-xs-4{
  width: 33.33%;
}
.col-xs-4 img{
  text-align: center;
  margin: 0 auto;
}