css - 2つの要素を1行に整列する別の方法が必要

Question

2つの要素（1つは左揃え、もう1つは右揃え）を1つの行に作成する別の方法が必要です。私はdisplay: flex;を使用するとiOS 9上のSafariで正しく表示されるが、それはそれは（iOSの9）のようになりますiOSの6

上のSafari上で正しく表示されません http://i.stack.imgur.com/SO3RM.jpg

そして、ここでは、iOS 6 http://i.stack.imgur.com/jHK5l.jpgです

私のCSSコード

.signedlatest { 
    font-family: "sfns_displayregular"; 
    font-size: 13pt; 
    font-color: #ffffff; 
    background: #ffffff; 
    display: flex; 
    justify-content: space-between; 
    margin: 0; 
    border-top-style: solid; 
    border-bottom-style: solid; 
    border-color: gray; 
    border-width: 0.5px; 
    line-height: 250%; 
    padding-left: 0.3cm; 
    padding-right: 0.3cm; 

}

HTML

<div class="signedlatest> 
<a>iPhone 6S Plus</a> 
<a>iOS 9.3.4</a> 
......... 
<a>iPhone 4S</a> 
<a>iOS 9.3.4</a> 
</div> 

Answer 1

は、あなたが何か行うことができ<table>

table tr td:first-child{ 
 
    padding-right:20px; 
 
} 
 
table tr{ 
 
    border-bottom:1px solid black; 
 
}

<table> 
 
    <tr> 
 
    <td>iPhone 6S Plus</td> 
 
    <td>iOS 9.3.4</td> 
 
    </tr> 
 
    <tr> 
 
    <td>iPhone 6S</td> 
 
    <td>iOS 9.3.4</td> 
 
    </tr> 
 
    <tr> 
 
    <td>iPhone 5</td> 
 
    <td>iOS 9.3.4</td> 
 
    </tr> 
 
</table>

Answer 2

を使用してみてください：

a { 
    float: left; 
    width: 50%; 
    border-bottom: 1px solid #ddd; 
} 

a:nth-child(2n) { 
    text-align: right; 
}