How to arrange a logo in the left corner and three spans in the right - reactjs

Asked Feb 20 '21 at 12:54

Active Feb 21 '21 at 01:30

Viewed 24 times

I want to arrange three elements - a logo and three inscriptions. I want the logo in the left corner and three spans below each other in the right corner.

My HTML (ReactJS) code and CSS:

.spanContacts {
  float: right;
}

<span> 
  <img src={logo} alt="Logo" width="230" height="70" />
</span>

<span className="spanContacts">
  <Facebook/>
</span>

<span className="spanContacts">
  E-mail: <a href="mailto:email@gmail.com">email@gmail.com</a>
</span>

<span className="spanContacts">
  Телефон:  <a href="tel:+telephone number"> telephone number&nbsp;</a>
</span>

edited Feb 21 '21 at 01:30

Ali Esmailpor

1,209
3
11
22

asked Feb 20 '21 at 12:54

RositsaV

Hey Buddy, are you using a framework? Or is it plain html/css? – Kerim Yagmurcu Feb 20 '21 at 12:59
image logo & contact detail add in separate div and use different class & using css "float:left & float: right" you can arrange your content. – Satish Modha Feb 20 '21 at 13:09
Give me example please – RositsaV Feb 20 '21 at 14:10

How to arrange a logo in the left corner and three spans in the right - reactjs

0 Answers0