yazıları yan yana nasıl geitririm

herkese merhabalar kolay gelsin arkadaslar


arkadaşlar aşşağıda siyah zemin üzerine kırmızı yazı ile yazılı yeri görüyorsunuz dik bir şekilde bunu nasıl yatay yatırarak yapabilirim aynı suan yazdığım yazı gibi yatay olcak resimde dikey alt alta gelmis kelimler yanyana gelmesi lazım

div class="container">
            <div class="row">
                <div class="col-md-8"></div>

                <div class="col-md-4 bg-dark">
                    <div class="row">
                    <div class="col-md-3 m-5">
                        <p class="divo d-inline-block">Evden Eve Nakliyat Portalımıza Holgeldiniz! firmanızı ücretsiz olarak ekleyebilirsiniz...</p>

                    
                        <div class=" col-md-3 ">
                            <span class="d-inline-block">*Üyelik ücretsizdir</span>
                            <a class="btn btn-outline-success"href="">Ãœye Ol</a>                            
                        </div>
                    
                </div>

css

.divo{
font-size: 12px !important;
color:red !important;
margin-bottom: 20px !important;

 }

@ozgun58;
Aşağıdakini denermisin.

.divo{
font-size: 12px !important;
color:red !important;
margin-bottom: 20px !important;
 float: left;
 }

https://www.w3schools.com/css/css_navbar.asp Linki inceleyerek kendinizi daha iyi geliÅŸtriebilirsiniz.

öncelikle zaman ayırıp cevap yazdığınız için teşekkürler hocam denedim fakat sonuc aynı



hocam ingilizcem yok ve bu yolladığınız menulerle ilgili herhalde ben yazılar kelimeleri yan yana getirmek istiyorum

Kullandığın sayfanın linkini at ordan bakayım hocam.

ilgi ve alakanız için çok çok teşekkürler hocam buyrun http://jsfiddle.net/xc1vjp3k/

ilgi ve alakanız için çok çok teşekkürler hocam buyrun http://jsfiddle.net/xc1vjp3k/

Kullandığın sayfanın linkini at ordan bakayım hocam.

Ben kullandığınız yerde bakayım demiştim ama neyse sorun yok gibi hocam baktığınız ekran kaynaklı tasarım responsive olduğu için.
col-md-3 bu değeri değiştirerek değişim yapabilirsiniz hatta şuan benim ekranımda normal görünüyor yazı.
hocam cok cok teşekkürler sorunum düzeldi ilgi ve alakanızdan dolayı tekrar tekrar teşekkürler cok saolun

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

}

li {
  float: left;
}

li a {

  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

css dosyanıza bunları ekleyin hocam.