Html 使用宽度和方向

我有一些div课程：

<a href="https://adsler.co.uk/wp-user-test-dashboard-2/awpcp-reply- 
to-ad/31/3-books/"><div class="email"><span><center><span class="fa 
fa-envelope"></span></center></span></div></a><a href="tel:<br/>. 
<label>Phone:</label> XXXX. XXXX XXXX"><div class="phone"><span>. 
<center><span class="fas fa-phone"</span></center></span></div></a>
<a href="http://maps.google.com/maps?q=<br/><label>Location:</label> 
London, London, 
UK&zoom=14&size=512x512&maptype=roadmap&sensor=false""><div 
class="location"><span><center><span class="fas fa-map-marker-alt". 
</span></center></span></div></a>

及

---

移动景观视图页面：

谢谢您的提示。很好的下注，但是没有用…什么应该是自动抱歉？

.awpcp subtitle{？}

？我使用WordPress，因为我知道我的php生成我的html，

awpcp subtitle

是上面的div类。我试着用它作为一个特殊性选择器。。。。已尝试将宽度设置为自动

。电子邮件{width:auto；}

太-无。尝试使用%too-nothing。不过感谢您的帮助。。。

@media (max-width: 768px)and (orientation: landscape){.email {padding:0px; position: unset; float:unset; width: unset;background-color:unset; margin:unset; height:unset; display:unset;}} 

@media (max-width: 768px)and (orientation: landscape){.awpcp-subtitle >.email {width: 10px !important; display:block;}}